change new layout

2025-08-25 21:13:33 +07:00
parent 963f460e8a
commit 136c513630
9 changed files with 428 additions and 362 deletions
@@ -1,25 +1,21 @@
-<script setup>
-const colorMode = useColorMode()
-defineProps({
-  isCompact: Boolean,
-  size: 'xs' | 'sm' | 'md' | 'lg' | 'xl'
-})
-const isDark = computed({
-  get() {
-    return colorMode.value === 'dark'
-  },
-  set() {
-    colorMode.preference = colorMode.value === 'dark' ? 'light' : 'dark'
-  }
-})
-</script>
-
-<template>
-  <ClientOnly v-if="!colorMode?.forced">
-    <button @click="isDark = !isDark" class="btn btn-neutral">Toggle Theme</button>
-
-    <template #fallback>
-      <button class="btn btn-neutral">Loading...</button>
-    </template>
-  </ClientOnly>
-</template>
+<script setup>
+const colorMode = useColorMode()
+const isDark = computed({
+  get() {
+    return colorMode.value === 'dark'
+  },
+  set() {
+    colorMode.preference = colorMode.value === 'dark' ? 'light' : 'dark'
+  }
+})
+</script>
+
+<template>
+  <ClientOnly v-if="!colorMode?.forced">
+    <button @click="isDark = !isDark" class="btn btn-sm btn-neutral">Toggle Theme</button>
+
+    <template #fallback>
+      <button class="btn btn-sm btn-neutral">Loading...</button>
+    </template>
+  </ClientOnly>
+</template>