fix tailwind utill

djeck1432 · Jan 31, 2025 · 2b40daf · 2b40daf
1 parent d7773d4
commit 2b40daf
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 4 deletions.
diff --git a/frontend/src/components/ui/action-modal/ActionModal.jsx b/frontend/src/components/ui/action-modal/ActionModal.jsx
@@ -20,11 +20,11 @@ const ActionModal = ({
   }
   return (
     <div
-      className="flex items-center justify-center fixed top-0 left-0 w-full h-full bg-[#00000080] backdrop-blur-sm z-50"
+      className="flex items-center justify-center fixed top-0 left-0 w-full h-full bg-light-dark-bg backdrop-blur-sm z-50"
       onClick={cancelAction}
     >
       <div
-        className="flex items-center justify-center shadow-[#0b0c10] overflow-hidden md:w-xl sm:w-lg w-full text-white"
+        className="flex items-center justify-center shadow-primary-color overflow-hidden md:w-xl sm:w-lg w-full text-white"
         onClick={(e) => e.stopPropagation()}
       >
         <div className="rounded-2xl max-w-2xl w-full flex flex-col gap-6 text-center">

diff --git a/frontend/src/components/ui/multiplier-selector/MultiplierSelector.jsx b/frontend/src/components/ui/multiplier-selector/MultiplierSelector.jsx
@@ -129,7 +129,7 @@ const MultiplierSelector = ({ setSelectedMultiplier, selectedToken }) => {
                   left: `${calculateSliderPercentage(actualValue)}%`,
                 }}
               >
-                <div className="absolute h-8 w-12 bottom-8 md:bottom-8 left-4 -translate-x-1/2 bg-[#2c5475] text-primary text-sm py-1.5 px-2 opacity-[0.9] rounded-[7.17px] transition-opacity duration-200 ease-in-out text-center after:content-[''] after:absolute after:-bottom-3.5 after:left-1/2 after:-translate-x-1/2 after:border-8 after:border-solid after:border-transparent after:border-t-[#2c5475] p-1">
+                <div className="absolute h-8 w-12 bottom-8 md:bottom-8 left-4 -translate-x-1/2 bg-pinky-blue- text-primary text-sm py-1.5 px-2 opacity-[0.9] rounded-[7.17px] transition-opacity duration-200 ease-in-out text-center after:content-[''] after:absolute after:-bottom-3.5 after:left-1/2 after:-translate-x-1/2 after:border-8 after:border-solid after:border-transparent after:border-t-[#2c5475] p-1">
                   {actualValue.toFixed(1)}
                 </div>
                 <img

diff --git a/frontend/src/components/ui/spinner/Spinner.jsx b/frontend/src/components/ui/spinner/Spinner.jsx
@@ -4,7 +4,7 @@ const Spinner = ({ loading }) => {
   return (
     loading && (
       <div className="fixed top-0 left-0 w-full h-full flex justify-center items-center bg-spinner-bgn z-50">
-        <div className="flex justify-center items-center rounded-xl py-3 px-[34px] w-3xs h-16 bg-spinner-content">
+        <div className="flex justify-center items-center rounded-xl py-3 px-8 w-3xs h-16 bg-spinner-content">
           <div className="h-9 w-9 mr-3" role="status">
             <span className="visually-hidden">Loading...</span>
           </div>

diff --git a/frontend/src/globals.css b/frontend/src/globals.css
@@ -175,6 +175,7 @@ a.svelte-1mtuslq.svelte-1mtuslq {
   --color-second-primary: #fdfdfd;
   --color-plain-button-bg: #0e0a16;
   --color-header-button-bg: #120721;
+  --color-pinky-blue-:#2c5475;
 
   --font-text: "Rethink Sans", sans-serif;
   --font-primary: "Open Sans", sans-serif;