Added mobile spacer
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
This commit is contained in:
parent
0c513d9698
commit
9f77dc653b
|
@ -84,6 +84,10 @@
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
.mobileSpacer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.sideBarCommon {
|
||||
width: 90vw;
|
||||
|
@ -96,6 +100,11 @@
|
|||
.headerWrapper {
|
||||
padding: calc(10rem / 16) calc(20rem / 16) 0 calc(20rem / 16);
|
||||
}
|
||||
|
||||
.mobileSpacer {
|
||||
display: block;
|
||||
padding: calc(50rem / 16);
|
||||
}
|
||||
}
|
||||
|
||||
.closeMenuButton {
|
||||
|
|
|
@ -26,7 +26,8 @@ export function Header() {
|
|||
</button>
|
||||
</div>
|
||||
|
||||
<>
|
||||
<div className={styles.mobileSpacer} />
|
||||
|
||||
<div
|
||||
className={isShowingMenu ? styles.sideBarShown : styles.sideBarHidden}
|
||||
>
|
||||
|
@ -61,7 +62,6 @@ export function Header() {
|
|||
}}
|
||||
/>
|
||||
</>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue