forked from MapComplete/MapComplete
UI: tweak style to come closer to the fix-my-city design, see #2107
This commit is contained in:
parent
82c92e7f79
commit
5b7a117af3
24 changed files with 189 additions and 255 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue