Fixed: Scroll fixed and colors copy function changed.

StaticMania · Oct 24, 2024 · dffdbd8 · dffdbd8
1 parent 2114fc0
commit dffdbd8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 14 deletions.
diff --git a/components/content/docs/getting-started/colors/CodeBox.vue b/components/content/docs/getting-started/colors/CodeBox.vue
@@ -1,8 +1,9 @@
 <script lang="ts" setup>
-import { useCopy } from "~/hooks/UseCopy";
 import { cn } from "~/src/utils/cn";
 
-const { copy, copyToClipboard } = useCopy();
+const { copied, copy } = useClipboard({
+  copiedDuring: 3000,
+});
 
 interface CodeBoxProps {
   color: string;
@@ -21,15 +22,15 @@ defineProps<CodeBoxProps>();
           color,
         )
       "
-      @click="() => copyToClipboard(code)">
+      @click="() => copy(code)">
       <span
         :class="
           cn(
             'opacity-0 transition-all duration-300 group-hover:opacity-100',
             id > 300 ? 'text-metal-100' : 'text-metal-900',
           )
         ">
-        <PhosphorIconCheck v-if="copy" :size="18" />
+        <PhosphorIconCheck v-if="copied" :size="18" />
         <PhosphorIconCopy v-else :size="18" />
       </span>
     </button>

diff --git a/styles/main.css b/styles/main.css
@@ -9,7 +9,6 @@
 }
 html {
   -webkit-font-smoothing: antialiased;
-  @apply scroll-smooth;
 }
 
 body {
@@ -154,15 +153,6 @@ pre::-webkit-scrollbar-thumb {
   letter-spacing: -0.3px;
 }
 
-/* [vaul-drawer][vaul-drawer-direction="right"]:after {
-  top: -1px;
-  bottom: -1px;
-}
-[vaul-drawer][vaul-drawer-direction="left"]:after {
-  top: -1px;
-  bottom: -1px;
-} */
-
 [role="listbox"]::-webkit-scrollbar {
   @apply w-2.5;
 }