mirror of
https://github.com/kmc7468/arkvault.git
synced 2026-02-05 00:26:54 +00:00
35 lines
950 B
Svelte
35 lines
950 B
Svelte
<script lang="ts">
|
|
import { BottomSheet } from "$lib/components/atoms";
|
|
import { IconEntryButton } from "$lib/components/molecules";
|
|
|
|
import IconCreateNewFolder from "~icons/material-symbols/create-new-folder";
|
|
import IconUploadFile from "~icons/material-symbols/upload-file";
|
|
|
|
interface Props {
|
|
isOpen: boolean;
|
|
onDirectoryCreateClick: () => void;
|
|
onFileUploadClick: () => void;
|
|
}
|
|
|
|
let { isOpen = $bindable(), onDirectoryCreateClick, onFileUploadClick }: Props = $props();
|
|
</script>
|
|
|
|
<BottomSheet bind:isOpen class="p-4">
|
|
<IconEntryButton
|
|
icon={IconCreateNewFolder}
|
|
onclick={onDirectoryCreateClick}
|
|
class="h-16 w-full"
|
|
iconClass="!text-2xl text-yellow-500"
|
|
>
|
|
폴더 만들기
|
|
</IconEntryButton>
|
|
<IconEntryButton
|
|
icon={IconUploadFile}
|
|
onclick={onFileUploadClick}
|
|
class="h-16 w-full"
|
|
iconClass="!text-2xl text-blue-400"
|
|
>
|
|
파일 업로드
|
|
</IconEntryButton>
|
|
</BottomSheet>
|