init

2026-08-04 17:57:01 +08:00
parent 768fd4a3a9
commit f77034edd7
641 changed files with 26137 additions and 0 deletions
@@ -0,0 +1,47 @@
+<script setup lang="ts">
+import type { HTMLAttributes } from 'vue'
+import {
+  DialogContent,
+  type DialogContentEmits,
+  type DialogContentProps,
+  useForwardPropsEmits,
+} from 'reka-ui'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<DialogContentProps & { class?: HTMLAttributes['class'] }>()
+const emits = defineEmits<DialogContentEmits>()
+
+const delegatedProps = computed(() => {
+  const { class: _class, ...delegated } = props
+  return delegated
+})
+
+const forwarded = useForwardPropsEmits(delegatedProps, emits)
+</script>
+
+<template>
+  <DialogContent
+    v-bind="forwarded"
+    :class="
+      cn(
+        'ui-dialog-content fixed left-1/2 top-1/2 z-50 grid w-[min(92vw,620px)] -translate-x-1/2 -translate-y-1/2 outline-none data-[state=closed]:animate-[dialog-out_120ms_ease-in] data-[state=open]:animate-[dialog-in_160ms_ease-out]',
+        props.class,
+      )
+    "
+  >
+    <slot />
+  </DialogContent>
+</template>
+
+<style scoped>
+.ui-dialog-content {
+  overflow: hidden;
+  border: 1px solid #6c5a37;
+  border-radius: 0;
+  background: #050606;
+  box-shadow:
+    0 18px 38px rgb(0 0 0 / 80%),
+    inset 0 0 0 1px #0e1418;
+  color: var(--ui-surface-foreground);
+}
+</style>