mirror of
https://github.com/CharaChorder/DeviceManager.git
synced 2026-01-04 09:02:50 +00:00
Thea Schöbl
ebf7d73d20
feat: change cloud icon to history, fixes #15 fix: action search items overlap, fixes #16 feat: show tooltips immediately
33 lines
528 B
Svelte
33 lines
528 B
Svelte
<script lang="ts">
|
|
import {onMount} from "svelte"
|
|
|
|
onMount(() => {
|
|
modal.showModal()
|
|
})
|
|
|
|
let modal: HTMLDialogElement
|
|
</script>
|
|
|
|
<dialog bind:this={modal}>
|
|
<slot />
|
|
</dialog>
|
|
|
|
<style lang="scss">
|
|
dialog {
|
|
min-width: 300px;
|
|
max-width: 512px;
|
|
|
|
color: var(--md-sys-color-on-background);
|
|
|
|
background: var(--md-sys-color-background);
|
|
border: none;
|
|
border-radius: 38px;
|
|
box-shadow: 0 0 48px rgba(0 0 0 / 60%);
|
|
}
|
|
|
|
dialog::backdrop {
|
|
opacity: 0.5;
|
|
background: black;
|
|
}
|
|
</style>
|