feat: color fix

JasKang · Sep 6, 2023 · 5a3cb31 · 5a3cb31
1 parent 2c11f10
commit 5a3cb31
Show file tree

Hide file tree

Showing 50 changed files with 753 additions and 649 deletions.
diff --git a/docs/.vitepress/theme/CodePreview.vue b/docs/.vitepress/theme/CodePreview.vue
@@ -31,14 +31,14 @@ defineExpose({ dark, showCode })
         <div
           class="flex justify-end gap-2 border-b bg-slate-100 p-2 dark:border-slate-500/50 dark:bg-slate-700/50"
         >
-          <!-- <TSwitch v-model:checked="dark">
+          <!-- <ZSwitch v-model:checked="dark">
             <template #on><MoonIcon class="text-gray-900" /></template>
             <template #off><SunIcon /></template>
-          </TSwitch> -->
-          <TSwitch :checked="showCode" @update:checked="v => (showCode = v)">
+          </ZSwitch> -->
+          <ZSwitch :checked="showCode" @update:checked="v => (showCode = v)">
             <template #on><CodeBracketIcon /></template>
             <template #off><CodeBracketIcon /></template>
-          </TSwitch>
+          </ZSwitch>
         </div>
         <div class="relative overflow-hidden">
           <div

diff --git a/docs/.vitepress/theme/Layout.tsx b/docs/.vitepress/theme/Layout.tsx
@@ -35,10 +35,16 @@ export default defineComponent({
               </a>
 
               <div class="relative ml-auto hidden items-center lg:flex">
-                <nav class="text-sm font-semibold leading-6 text-slate-700 dark:text-slate-200" translate="no">
+                <nav
+                  class="text-sm font-semibold leading-6 text-slate-700 dark:text-slate-200"
+                  translate="no"
+                >
                   <ul class="flex space-x-8">
                     <li>
-                      <a href="/components/button" class="hover:text-primary-500 dark:hover:text-primary-400">
+                      <a
+                        href="/components/button"
+                        class="hover:text-primary-500 dark:hover:text-primary-400"
+                      >
                         Components
                       </a>
                     </li>
@@ -81,7 +87,13 @@ export default defineComponent({
             <Button square variant="link">
               {{
                 icon: () => (
-                  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24">
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="1em"
+                    height="1em"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                  >
                     <path
                       d="M5 6h14M5 12h14M5 18h14"
                       fill="none"
@@ -99,7 +111,9 @@ export default defineComponent({
             >
               <span class="sr-only">Navigation</span>
             </button>
-            <Breadcrumb items={[{ title: () => <HomeIcon /> }, { title: 'sdfs' }, { title: 'asdfasdf' }]} />
+            <Breadcrumb
+              items={[{ title: () => <HomeIcon /> }, { title: 'sdfs' }, { title: 'asdfasdf' }]}
+            />
           </div>
         </div>
         <div class="overflow-hidden">

diff --git a/docs/components/breadcrumb.md b/docs/components/breadcrumb.md
@@ -5,6 +5,6 @@
 const home = () => <HomeIcon class="h-3 w-3" />
 </script>
 <template>
-  <TBreadcrumb :items="[{ title: home }, { title: 'sdfs' }, { title: 'asdfasdf' }]"></TBreadcrumb>
+  <ZBreadcrumb :items="[{ title: home }, { title: 'sdfs' }, { title: 'asdfasdf' }]"></ZBreadcrumb>
 </template>
 ```