change menu-toggle height to logo height
This commit is contained in:
+8
-3
@@ -605,8 +605,12 @@ button:active, .button-primary:active, .logo:active {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.menu-toggle {
|
.menu-toggle {
|
||||||
display: none;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
justify-self: end;
|
||||||
|
align-self: stretch;
|
||||||
transition: transform 0.25s ease, opacity 0.25s ease;
|
transition: transform 0.25s ease, opacity 0.25s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -633,7 +637,7 @@ button:active, .button-primary:active, .logo:active {
|
|||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
margin-inline: 0;
|
margin-inline: 0;
|
||||||
background: var(--color-button-secondary);
|
background: var(--color-button-secondary);
|
||||||
border-radius: var(--radius-xl);
|
border-radius: calc(26px + var(--spacing-2));
|
||||||
box-shadow: var(--shadow-button);
|
box-shadow: var(--shadow-button);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
@@ -661,7 +665,8 @@ button:active, .button-primary:active, .logo:active {
|
|||||||
.mobile-menu a {
|
.mobile-menu a {
|
||||||
display: block;
|
display: block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
min-height: 52px;
|
min-height: 62px;
|
||||||
|
border-radius: 26px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* .page-content {
|
/* .page-content {
|
||||||
|
|||||||
Reference in New Issue
Block a user