Bastian-Greshake-Tzovaras/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

More styling of the new menu UX

Browse source
This commit is contained in:
Pieter Vander Vennet 2024-08-29 03:53:54 +02:00
parent 124e816abe
commit 806646ec06
11 changed files with 353 additions and 246 deletions
Download patch file Download diff file Expand all files Collapse all files

51
public/css/index-tailwind-output.css
View file

@ -1041,8 +1041,8 @@ video {
margin-bottom: 0.5rem;
}
.mr-10 {
margin-right: 2.5rem;
.mr-16 {
margin-right: 4rem;
}
.mb-1\.5 {
@ -1280,6 +1280,10 @@ video {
height: 1.25rem;
}
.h-14 {
height: 3.5rem;
}
.h-16 {
height: 4rem;
}
@ -1420,10 +1424,6 @@ video {
height: 0.625rem;
}
.h-14 {
height: 3.5rem;
}
.h-72 {
height: 18rem;
}
@ -1440,6 +1440,10 @@ video {
max-height: 3rem;
}
.max-h-full {
max-height: 100%;
}
.max-h-24 {
max-height: 6rem;
}
@ -1448,10 +1452,6 @@ video {
max-height: 16rem;
}
.max-h-full {
max-height: 100%;
}
.max-h-60 {
max-height: 15rem;
}
@ -1530,6 +1530,10 @@ video {
width: 1.25rem;
}
.w-14 {
width: 3.5rem;
}
.w-1\/2 {
width: 50%;
}
@ -1620,10 +1624,6 @@ video {
width: 2.25rem;
}
.w-14 {
width: 3.5rem;
}
.w-2 {
width: 0.5rem;
}
@ -2356,6 +2356,11 @@ video {
border-radius: 0.125rem;
}
.rounded-t-lg {
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.rounded-b {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
@ -2366,11 +2371,6 @@ video {
border-bottom-left-radius: 0.5rem;
}
.rounded-t-lg {
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.rounded-b-\[1rem\] {
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
@ -3302,6 +3302,10 @@ video {
padding: 0.125rem;
}
.p-6 {
padding: 1.5rem;
}
.p-5 {
padding: 1.25rem;
}
@ -4963,6 +4967,10 @@ svg.apply-fill path {
max-width: 100%;
}
.max-w-screen {
max-width: 100vw;
}
/************************* Experimental support for foldable devices ********************************/
@media (horizontal-viewport-segments: 2) {
@ -7562,6 +7570,11 @@ svg.apply-fill path {
padding: 0px;
}
.md\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.md\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;