adjust mobile menu to better suite bottom navigation on monile browsers
This commit is contained in:
parent
431ea6182e
commit
0b1bd74a5e
|
@ -127,11 +127,16 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 2rem;
|
padding: 2rem 2rem 4rem 2rem;
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
transform: translateX(100vw);
|
transform: translateX(100vw);
|
||||||
transition: transform 0.25s ease-in-out;
|
transition: transform 0.25s ease-in-out;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
|
|
||||||
|
@supports (height: 100dvh) {
|
||||||
|
height:100dvh;
|
||||||
|
padding:2rem;
|
||||||
|
}
|
||||||
|
|
||||||
label {
|
label {
|
||||||
align-self: flex-end;
|
align-self: flex-end;
|
||||||
|
|
Loading…
Reference in a new issue