From dffdbd8c647078b8217770d6ce85cb2ff9fbcee6 Mon Sep 17 00:00:00 2001
From: moshiur01 <mr.moshiur314@gmail.com>
Date: Thu, 24 Oct 2024 20:21:21 +0600
Subject: [PATCH] Fixed: Scroll fixed and colors copy function changed.

---
 .../content/docs/getting-started/colors/CodeBox.vue    |  9 +++++----
 styles/main.css                                        | 10 ----------
 2 files changed, 5 insertions(+), 14 deletions(-)

diff --git a/components/content/docs/getting-started/colors/CodeBox.vue b/components/content/docs/getting-started/colors/CodeBox.vue
index 7919721..2a83f24 100644
--- 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,7 +22,7 @@ defineProps<CodeBoxProps>();
           color,
         )
       "
-      @click="() => copyToClipboard(code)">
+      @click="() => copy(code)">
       <span
         :class="
           cn(
@@ -29,7 +30,7 @@ defineProps<CodeBoxProps>();
             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
index ef51526..3a2be71 100644
--- 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;
 }