m/umami
1
0
Fork 0
mirror of https://github.com/kremalicious/umami.git synced 2024-12-18 15:23:38 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #591 from Sammy-T/mobile-burger

Browse Source 
Align and theme mobile burger button
This commit is contained in:
Mike Cao 2021-04-08 20:57:01 -07:00 committed by GitHub
commit 6ea07b33d7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
components/layout/Header.module.css
View File

@ -70,6 +70,11 @@
padding: 0 15px; padding: 0 15px;
} }
.title {
padding: 0.5rem;
margin-bottom: 0.5rem;
}
.nav { .nav {
font-size: var(--font-size-normal); font-size: var(--font-size-normal);
flex-wrap: wrap; flex-wrap: wrap;
@ -102,6 +107,9 @@
.burger { .burger {
display: block; display: block;
/* color: #4a4a4a; */ /* color: #4a4a4a; */
background: none;
border: 1px solid var(--gray900);
border-radius: 4px;
cursor: pointer; cursor: pointer;
height: 3.25rem; height: 3.25rem;
width: 3.25rem; width: 3.25rem;
@ -112,20 +120,20 @@
} }
.burger span { .burger span {
transform: translateX(-50%); transform: translateX(25%);
padding: 1px 0px; padding: 1px 0px;
margin: 6px 0; margin: 6px 0;
width: 20px; width: 65%;
display: block; display: block;
background-color: white; background-color: var(--gray900);
} }
.burger div { .burger div {
height: 100%; /* height: 100%; */
color: white; color: var(--gray900);
text-align: center; text-align: center;
margin: auto; margin: auto;
font-size: 1.5rem; font-size: 1.5rem;
transform: translateX(-50%); /* transform: translateX(-50%); */
} }
} }