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

Index page layout tweaks

Browse source
This commit is contained in:
Pieter Vander Vennet 2024-06-26 12:03:35 +02:00
parent 5628e66dce
commit 7f674f4b0d
2 changed files with 21 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -7150,6 +7150,11 @@ svg.apply-fill path {
margin-right: 0.25rem;
}
.sm\:mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.sm\:mt-2 {
margin-top: 0.5rem;
}
@ -7158,10 +7163,6 @@ svg.apply-fill path {
margin-right: 0.25rem;
}
.sm\:mr-2 {
margin-right: 0.5rem;
}
.sm\:mb-0 {
margin-bottom: 0px;
}
@ -7182,6 +7183,10 @@ svg.apply-fill path {
height: 6rem;
}
.sm\:h-11 {
height: 2.75rem;
}
.sm\:h-64 {
height: 16rem;
}
@ -7206,6 +7211,10 @@ svg.apply-fill path {
width: 50%;
}
.sm\:w-11 {
width: 2.75rem;
}
.sm\:w-auto {
width: auto;
}
@ -7319,6 +7328,11 @@ svg.apply-fill path {
margin-right: 0.5rem;
}
.md\:mx-4 {
margin-left: 1rem;
margin-right: 1rem;
}
.md\:mt-5 {
margin-top: 1.25rem;
}

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

@ -86,11 +86,11 @@
</script>
{#if theme.id !== personal.id || $unlockedPersonal}
<a class={"my-2 flex w-full items-center text-ellipsis rounded"} href={$href}>
<Marker icons={theme.icon} size="m-1 block h-11 w-11 sm:mr-2 shrink-0" />
<a class="my-1 flex w-full items-center text-ellipsis rounded low-interaction p-1" href={$href}>
<Marker icons={theme.icon} size="block h-8 w-8 sm:h-11 sm:w-11 m-1 sm:mx-2 md:mx-4 shrink-0" />
<span class="flex flex-col overflow-hidden text-ellipsis text-xl font-bold">
<Tr cls="underline" t={title} />
<Tr cls="" t={title} />
<Tr cls="subtle text-base" t={description} />
{#if selected}