midgard/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Styling: main map view buttons

Browse source
This commit is contained in:
Pieter Vander Vennet 2023-04-24 02:43:18 +02:00
parent 84f8359528
commit 7d941e8a9a
2 changed files with 24 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

2
UI/ThemeViewGUI.svelte
View file

@ -76,7 +76,7 @@
{selectedLayer}></Geosearch> {selectedLayer}></Geosearch>
</div> </div>
</If> </If>
<div class="float-left ml-1 sm:m-2 md:m-4"> <div class="float-left m-1 sm:mt-2">
<MapControlButton on:click={() => state.guistate.themeIsOpened.setData(true)}> <MapControlButton on:click={() => state.guistate.themeIsOpened.setData(true)}>
<div class="flex m-0.5 mx-1 sm:mx-1 md:mx-2 items-center cursor-pointer"> <div class="flex m-0.5 mx-1 sm:mx-1 md:mx-2 items-center cursor-pointer">
<img class="w-4 h-4 sm:w-6 sm:h-6 md:w-8 md:h-8 block mr-0.5 sm:mr-1 md:mr-2" src={layout.icon}> <img class="w-4 h-4 sm:w-6 sm:h-6 md:w-8 md:h-8 block mr-0.5 sm:mr-1 md:mr-2" src={layout.icon}>

45
css/index-tailwind-output.css
View file

@ -787,14 +787,14 @@ video {
margin: 0.5rem; margin: 0.5rem;
} }
.m-1 {
margin: 0.25rem;
}
.m-4 { .m-4 {
margin: 1rem; margin: 1rem;
} }
.m-1 {
margin: 0.25rem;
}
.m-6 { .m-6 {
margin: 1.5rem; margin: 1.5rem;
} }
@ -853,6 +853,14 @@ video {
margin-top: 1.5rem; margin-top: 1.5rem;
} }
.mt-1 {
margin-top: 0.25rem;
}
.ml-1 {
margin-left: 0.25rem;
}
.mr-0\.5 { .mr-0\.5 {
margin-right: 0.125rem; margin-right: 0.125rem;
} }
@ -873,22 +881,18 @@ video {
margin-left: 1rem; margin-left: 1rem;
} }
.mt-2 {
margin-top: 0.5rem;
}
.mb-24 { .mb-24 {
margin-bottom: 6rem; margin-bottom: 6rem;
} }
.ml-1 {
margin-left: 0.25rem;
}
.ml-2 { .ml-2 {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.mt-2 {
margin-top: 0.5rem;
}
.mb-2 { .mb-2 {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
@ -909,10 +913,6 @@ video {
margin-top: 2rem; margin-top: 2rem;
} }
.mt-1 {
margin-top: 0.25rem;
}
.ml-3 { .ml-3 {
margin-left: 0.75rem; margin-left: 0.75rem;
} }
@ -1531,6 +1531,11 @@ video {
padding: 2rem; padding: 2rem;
} }
.px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.py-4 { .py-4 {
padding-top: 1rem; padding-top: 1rem;
padding-bottom: 1rem; padding-bottom: 1rem;
@ -2431,18 +2436,14 @@ input {
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.md\:mr-4 { .md\:mt-5 {
margin-right: 1rem; margin-top: 1.25rem;
} }
.md\:mt-4 { .md\:mt-4 {
margin-top: 1rem; margin-top: 1rem;
} }
.md\:mt-5 {
margin-top: 1.25rem;
}
.md\:flex { .md\:flex {
display: flex; display: flex;
} }