aboutsummaryrefslogtreecommitdiffstats
path: root/ui/src/components/Drawer.tsx
diff options
context:
space:
mode:
authorEllie Huxtable <ellie@elliehuxtable.com>2024-04-11 16:59:01 +0100
committerGitHub <noreply@github.com>2024-04-11 16:59:01 +0100
commit6cd4319fcf540ef70f74cc2f10d0d4297ee7b788 (patch)
tree3d24dbf70493c377e162d9941faac65c829623f9 /ui/src/components/Drawer.tsx
parentfeat(bash/blesh): use _ble_exec_time_ata for duration even in bash < 5 (#1940) (diff)
downloadatuin-6cd4319fcf540ef70f74cc2f10d0d4297ee7b788.zip
feat(gui): add base structure (#1935)
* initial * ui things * cargo * update, add history refresh button * history page a bit better, add initial dotfiles page * re-org layout * bye squigglies * add dotfiles ui, show aliases * add default shell detection * put stats in a little drawer, alias import changes * use new table for aliases, add alias deleting * support adding aliases * close drawer when added, no alias autocomplete * clippy, format * attempt to ensure gdk is installed ok * sudo * no linux things on mac ffs * I forgot we build for windows too... end of day * remove tauri backend from workspace
Diffstat (limited to '')
-rw-r--r--ui/src/components/Drawer.tsx26
1 files changed, 26 insertions, 0 deletions
diff --git a/ui/src/components/Drawer.tsx b/ui/src/components/Drawer.tsx
new file mode 100644
index 00000000..65bb5ab4
--- /dev/null
+++ b/ui/src/components/Drawer.tsx
@@ -0,0 +1,26 @@
+import * as React from "react";
+
+import { Drawer as VDrawer } from "vaul";
+
+export default function Drawer({
+ trigger,
+ children,
+ width,
+ open,
+ onOpenChange,
+}: any) {
+ return (
+ <VDrawer.Root direction="right" open={open} onOpenChange={onOpenChange}>
+ <VDrawer.Trigger asChild>{trigger}</VDrawer.Trigger>
+ <VDrawer.Portal>
+ <VDrawer.Overlay className="fixed inset-0 bg-black/40 z-50" />
+ <VDrawer.Content
+ style={{ width: width || "400px" }}
+ className={`bg-white flex flex-col z-50 h-full mt-24 fixed bottom-0 right-0`}
+ >
+ {children}
+ </VDrawer.Content>
+ </VDrawer.Portal>
+ </VDrawer.Root>
+ );
+}