Prevent scrollbar blur on search

framer · May 11, 2024 · e2b03e2 · e2b03e2
1 parent 9f75bdc
commit e2b03e2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/plugins/semrush/src/pages/keywords/Search.tsx b/plugins/semrush/src/pages/keywords/Search.tsx
@@ -115,8 +115,12 @@ export function KeywordsSearch() {
       </div>
       <div className="flex items-center justify-center h-[545px] relative">
         {isLoading && <Spinner size="large" inheritColor />}
+        <div className="w-full h-full flex items-center justify-center absolute top-8 right-3">
+          <div className="w-full h-full absolute backdrop-blur-[2px] z-10"></div>
+          <Spinner size="large" inheritColor className="z-20 ml-3" />
+        </div>
         {isPlaceholderData && isFetching && (
-          <div className="w-full h-full flex items-center justify-center absolute top-8 right-3 left-[0px]">
+          <div className="w-full h-full flex items-center justify-center absolute top-8 ">
             <div className="w-full h-full absolute backdrop-blur-[2px] z-10"></div>
             <Spinner size="large" inheritColor className="z-20" />
           </div>

diff --git a/plugins/semrush/tailwind.config.js b/plugins/semrush/tailwind.config.js
@@ -39,9 +39,6 @@ export default {
       fontFamily: {
         sans: ["Arial", "sans-serif", ...defaultTheme.fontFamily.sans],
       },
-      animation: {
-        fade: "fadeIn .8s ease-in-out",
-      },
       keyframes: {
         fadeIn: {
           from: { opacity: 0 },