Initial commit: 网络验证平台

frontend/src/components/custom-theme/theme-popover.vue

@@ -0,0 +1,34 @@
+<script lang="ts" setup>
+import { Icon } from '@iconify/vue'
+
+import { Button } from '@/components/ui/button'
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from '@/components/ui/popover'
+
+import ContentLayout from './content-layout.vue'
+import CustomColor from './custom-color.vue'
+import CustomRadius from './custom-radius.vue'
+import CustomThemeTitle from './custom-theme-title.vue'
+import ToggleColorMode from './toggle-color-mode.vue'
+</script>
+
+<template>
+  <Popover>
+    <PopoverTrigger>
+      <Button variant="ghost" size="icon" class="h-9 w-9">
+        <Icon icon="lucide:settings" class="h-5 w-5" />
+        <span class="sr-only">设置</span>
+      </Button>
+    </PopoverTrigger>
+    <PopoverContent align="end">
+      <CustomThemeTitle />
+      <CustomColor />
+      <CustomRadius />
+      <ToggleColorMode />
+      <ContentLayout />
+    </PopoverContent>
+  </Popover>
+</template>