benkyd/legolog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixing the focken thing ennit

Browse Source 
Former-commit-id: 20a9b6db7534c9f386d244b4972c60710e196ddb
This commit is contained in:
Benjamin Kyd
2022-03-25 23:14:02 +00:00
parent fa77da303b
commit 8bb0b9bbaa
3 changed files with 37 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
client/public/components/css/navbar.css
View File

@@ -124,18 +124,16 @@
z-index: 2;
}
@media (pointer:none), (pointer:coarse), screen and (max-width: 900px) {
.hamburger {
display: inline-block;
}
}
/* Make sure the thing doesnt move */
/* .nav-menu {
transform: translatey(-100%);
} */
@media (pointer:none), (pointer:coarse), screen and (max-width: 900px) {
.hamburger {
display: inline-block;
}
.nav-menu {
position: fixed;
background: #e4d6ffde;
@@ -150,27 +148,29 @@
text-align: center;
z-index: 100;
}
.secondary-menu {
top: 0;
height: auto;
}
.nav-menu .menu-item a {
font-size: 1.5em;
margin: 8px;
}
.menu-active .nav-menu {
transform: translatey(0%);
opacity: 1;
}
}
@media (pointer:none), (pointer:coarse), screen and (max-width: 900px) {
.nav-menu .menu-item a {
font-size: 1.5em;
margin: 8px;
}
}
@media (pointer:none), (pointer:coarse), screen and (max-width: 900px) {
.sub-nav {
position: relative;
width: 100%;
display: none;
background-color: rgba(0, 0, 0, 0.20);
box-sizing: border-box;
}
.sub-nav {
position: relative;
width: 100%;
display: none;
background-color: rgba(0, 0, 0, 0.20);
box-sizing: border-box;
}
}
.nav-link:hover + .sub-nav {

28
client/public/components/templates/navbar.html
View File

@@ -27,20 +27,20 @@
</ul>
</li>
<li class="menu-item"><a class="nav-link" href="#">My Account</a>
<ul class="primary-menu secondary-menu menu push-down">
<span class="search-wrapper">
<input id="search-bar" class="menu-item" type="text" placeholder="search..."/>
</span>
<img id="fave-icon" class="menu-item" src="https://www.svgrepo.com/show/25921/heart.svg" width="27px" stroke="#222" stroke-width="2px" alt="">
<span id="cart-wrapper">
<img id="cart-icon" class="menu-item" src="https://www.svgrepo.com/show/343743/cart.svg" width="30px" stroke="#222" stroke-width="2px" alt="">
<span id="cart-number" class="menu-item">5</span>
</span>
</ul>
</ul>
</ul>
<ul class="nav-menu secondary-menu menu push-down">
<span class="search-wrapper">
<input id="search-bar" class="menu-item" type="text" placeholder="search..."/>
</span>
<img id="fave-icon" class="menu-item" src="https://www.svgrepo.com/show/25921/heart.svg" width="27px" stroke="#222" stroke-width="2px" alt="">
<span id="cart-wrapper">
<img id="cart-icon" class="menu-item" src="https://www.svgrepo.com/show/343743/cart.svg" width="30px" stroke="#222" stroke-width="2px" alt="">
<span id="cart-number" class="menu-item">5</span>
</span>
</ul>
</div>
</nav>

2
client/public/global.css
View File

@@ -3,7 +3,7 @@ body {
/* all EM in the document is based off this DONT TOUCH */
/* it's also kinda the default so you can touch it if you want */
/* BODY TEXT SHOULD BE 1EM */
font-size: 16px;
font-size: 18px;
color: #222;
text-decoration: none;
background-color: #D7C2FF;