kmc7468/arkvault
1
0
Fork 0
mirror of https://github.com/kmc7468/arkvault.git synced 2025-12-16 06:58:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

레이아웃 수정

Browse Source
This commit is contained in:
static
2025-01-02 03:08:11 +09:00
parent 314b8cca5c
commit 58eac9a694
11 changed files with 141 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/lib/components/BottomSheet.svelte
View File

@@ -1,6 +1,7 @@
<script lang="ts">
import type { Snippet } from "svelte";
import { fade, fly } from "svelte/transition";
import { AdaptiveDiv } from "$lib/components/divs";
interface Props {
children: Snippet;
@@ -20,12 +21,16 @@
class="fixed inset-0 flex items-end justify-center"
>
<div class="absolute inset-0 bg-black bg-opacity-50" transition:fade={{ duration: 100 }}></div>
<div
onclick={(e) => e.stopPropagation()}
class="z-10 flex max-h-[70vh] min-h-[30vh] w-full items-stretch rounded-t-2xl bg-white p-4"
transition:fly={{ y: 100, duration: 200 }}
>
{@render children?.()}
<div class="z-10">
<AdaptiveDiv>
<div
onclick={(e) => e.stopPropagation()}
class="flex max-h-[70vh] min-h-[30vh] w-full items-stretch rounded-t-2xl bg-white p-4"
transition:fly={{ y: 100, duration: 200 }}
>
{@render children?.()}
</div>
</AdaptiveDiv>
</div>
</div>
{/if}