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

Various style tweaks

Browse source
This commit is contained in:
Pieter Vander Vennet 2024-07-11 19:01:32 +02:00
parent d5430891bf
commit ed9e59109e
12 changed files with 128 additions and 112 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/UI/Base/FloatOver.svelte
View file

@ -1,8 +1,8 @@
<script lang="ts">
import { createEventDispatcher } from "svelte"
import { XCircleIcon } from "@rgossiaux/svelte-heroicons/solid"
import { ariaLabel } from "../../Utils/ariaLabel"
import Translations from "../i18n/Translations"
import { XCircleIcon } from "@babeard/svelte-heroicons/solid"
/**
* The slotted element will be shown on top, with a lower-opacity border
@ -37,13 +37,14 @@
</div>
<slot name="close-button">
<!-- The close button is placed _after_ the default slot in order to always paint it on top -->
<button
class="absolute right-10 top-10 h-8 w-8 cursor-pointer rounded-full border-none bg-white p-0"
<div
class="absolute right-10 top-10 cursor-pointer border-none p-0 m-0 bg-white rounded-full border-0"
style="margin: -0.25rem"
on:click={() => dispatch("close")}
use:ariaLabel={Translations.t.general.backToMap}
>
<XCircleIcon />
</button>
<XCircleIcon class="w-8 h-8" />
</div>
</slot>
</div>
</div>