UI: tweak style to come closer to the fix-my-city design, see #2107

This commit is contained in:
Pieter Vander Vennet 2025-08-20 20:16:23 +02:00
parent 82c92e7f79
commit 5b7a117af3
24 changed files with 189 additions and 255 deletions

View file

@ -25,13 +25,13 @@
</script>
<div class="low-interaction flex border-b-2 border-black px-3 drop-shadow-md">
<div class="h-fit w-full overflow-auto sm:p-2" style="max-height: 20vh;">
<div class="h-full w-full overflow-auto sm:p-2 flex items-center" style="max-height: 20vh;">
{#if $tags._deleted === "yes"}
<h3 class="p-4">
<Tr t={Translations.t.delete.deletedTitle} />
</h3>
{:else}
<div class="flex h-full w-full flex-grow flex-col">
<div class="flex h-full w-full flex-grow flex-col justify-center">
<!-- Title element and title icons-->
<h3 class="m-0">
<a href={`#${$tags?.id}`}>
@ -40,6 +40,7 @@
{/if}
</a>
</h3>
{#if layer.titleIcons.length > 0}
<div
class="no-weblate title-icons links-as-button mr-2 flex flex-row flex-wrap items-center gap-x-0.5 pt-0.5 sm:pt-1"
>
@ -69,11 +70,12 @@
</a>
{/if}
</div>
{/if}
</div>
{/if}
</div>
<slot name="close-button">
<div class="mt-4">
<div class="m-2">
<CloseButton on:click={() => state.selectedElement.setData(undefined)} />
</div>
</slot>