polish

dove-protocol · Nov 21, 2022 · 06989a8 · 06989a8 · vercel · Nov 21, 2022
1 parent 7c04515
commit 06989a8
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/components/InteractButton.tsx b/components/InteractButton.tsx
@@ -63,7 +63,7 @@ export const Button = ({
     <button
       disabled={disabled}
       onClick={onClick}
-      className="group relative flex h-16 w-full items-center justify-center rounded-sm border-y border-sky-400 bg-gradient-to-t from-sky-400/5 to-transparent transition duration-500 ease-in-out hover:shadow-none disabled:border-none disabled:bg-white/5 disabled:from-transparent disabled:shadow-none"
+      className="group relative flex h-16 w-full items-center justify-center rounded-sm border-y border-sky-400 bg-gradient-to-t from-sky-400/5 to-transparent transition duration-500 ease-in-out hover:shadow-none disabled:border disabled:border-white/10 disabled:bg-white/5 disabled:from-transparent disabled:shadow-none"
     >
       {!disabled && (
         <div className="background-gradient-pattern absolute top-0 h-16 w-full opacity-50 gradient-mask-t-0" />

diff --git a/components/TabContentContainer.tsx b/components/TabContentContainer.tsx
@@ -10,7 +10,7 @@ const TabContentContainer = ({ children }: { children: React.ReactNode }) => {
       <div className="mb-2 flex  w-full items-start justify-between px-4 py-1">
         <GiPeaceDove className="text-white/10" />
         <div className="flex items-center">
-          <BiCheckDouble className="mr-2 text-green-400" />
+          <BiCheckDouble className="mr-2 text-sky-400" />
           <p className="text-xs text-white/50">Health Factor</p>
         </div>
       </div>

diff --git a/components/TabSlider.tsx b/components/TabSlider.tsx
@@ -92,7 +92,7 @@ const Tab = ({
   return (
     <Tabs.Trigger
       value={id}
-      className="group relative flex w-full cursor-pointer flex-row items-center justify-center rounded-sm border-b border-transparent px-4 py-2 transition duration-300 ease-linear hover:text-white focus:outline-none rdx-state-active:border-sky-400 rdx-state-active:bg-sky-400/10 rdx-state-active:text-sky-400 rdx-state-inactive:text-white/50"
+      className="group relative flex w-full cursor-pointer flex-row items-center justify-center rounded-sm border-b border-transparent px-4 py-2 transition duration-300 ease-linear hover:text-white focus:outline-none rdx-state-active:border-sky-400 rdx-state-active:bg-gradient-to-t rdx-state-active:from-sky-400/10 rdx-state-active:text-sky-400 rdx-state-inactive:text-white/50"
       onMouseEnter={(e) => repositionHighlight(e, id)}
     >
       <div className="opacity-50">{icon}</div>