Prevent scrollbar blur on load

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

Hide file tree

Showing 2 changed files with 2 additions and 5 deletions.
diff --git a/plugins/semrush/src/pages/keywords/Search.tsx b/plugins/semrush/src/pages/keywords/Search.tsx
@@ -116,9 +116,9 @@ export function KeywordsSearch() {
       <div className="flex items-center justify-center h-[545px] relative">
         {isLoading && <Spinner size="large" inheritColor />}
         {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 right-3">
             <div className="w-full h-full absolute backdrop-blur-[2px] z-10"></div>
-            <Spinner size="large" inheritColor className="z-20" />
+            <Spinner size="large" inheritColor className="z-20 ml-3" />
           </div>
         )}
         {!isLoading && (data === undefined || keyword === "") && (

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 },