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

Remove margin from theme buttons for centering

Browse source
This commit is contained in:
Robin van der Linde 2024-04-24 20:18:26 +02:00
parent 06e978ff49
commit 4a19be48b2
Signed by untrusted user: Robin-van-der-Linde
GPG key ID: 53956B3252478F0D
3 changed files with 9 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -2440,6 +2440,10 @@ button,
color: var(--low-interaction-foreground); color: var(--low-interaction-foreground);
} }
.theme-button {
margin: 0 !important;
}
.button-shadow { .button-shadow {
box-shadow: 0 5px 10px #88888888; box-shadow: 0 5px 10px #88888888;
} }

2
src/UI/BigComponents/ThemeButton.svelte
View file

@ -85,7 +85,7 @@
</script> </script>
{#if theme.id !== personal.id || $unlockedPersonal} {#if theme.id !== personal.id || $unlockedPersonal}
<a class={"button w-full text-ellipsis"} href={$href}> <a class={"button theme-button w-full text-ellipsis"} href={$href}>
<img src={theme.icon} class="m-1 mr-2 block h-11 w-11 sm:m-2 sm:mr-4" alt="" /> <img src={theme.icon} class="m-1 mr-2 block h-11 w-11 sm:m-2 sm:mr-4" alt="" />
<span class="flex flex-col overflow-hidden text-ellipsis"> <span class="flex flex-col overflow-hidden text-ellipsis">
<Tr t={title} /> <Tr t={title} />

4
src/index.css
View file

@ -204,6 +204,10 @@ button,
color: var(--low-interaction-foreground); color: var(--low-interaction-foreground);
} }
.theme-button {
margin: 0 !important;
}
.button-shadow { .button-shadow {
box-shadow: 0 5px 10px #88888888; box-shadow: 0 5px 10px #88888888;
} }