Fix: UI Glitches (#10)

* remove unused classNames * remove unused classNames * Change size of social networks
moiskillnadne · Sep 27, 2024 · 910d568 · 910d568
1 parent 7b2e224
commit 910d568
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 18 deletions.
diff --git a/src/app/AppearanceBackground.tsx b/src/app/AppearanceBackground.tsx
@@ -32,9 +32,7 @@ export const AppearanceBackground = ({ children }: Props) => {
         </div>
       </div>
 
-      <div className="absolute left-0 top-0 w-screen h-svh content base-app-filter-blur">
-        {children}
-      </div>
+      <div className="absolute left-0 top-0 w-screen h-svh">{children}</div>
     </div>
   );
 };
diff --git a/src/app/index.css b/src/app/index.css
@@ -62,15 +62,3 @@ h1, h2, h3, h4, h5, h6, a, p, textarea {
   margin: 0;
   padding: 0;
 }
-
-.layout-filters {
-  z-index: 1;
-}
-
-.base-app-filter-blur {
-  backdrop-filter: blur(50px);
-}
-
-.content {
-  z-index: 3;
-}
diff --git a/src/widget/Profile/index.tsx b/src/widget/Profile/index.tsx
@@ -31,23 +31,23 @@ export const ProfileWidget = () => {
               className="exteral-link"
               rel="noreferrer"
             >
-              <Image src={YoutubeIcon} alt="youtube-logo" width="24px" height="24px" />
+              <Image src={YoutubeIcon} alt="youtube-logo" width="28px" height="28px" />
             </a>
             <a
               href={EXTERNAL_LINKS.Telegram}
               target="_blank"
               className="exteral-link"
               rel="noreferrer"
             >
-              <Image src={TelegramIcon} alt="telegram-logo" width="24px" height="24px" />
+              <Image src={TelegramIcon} alt="telegram-logo" width="28px" height="28px" />
             </a>
             <a
               href={EXTERNAL_LINKS.Linkedin}
               target="_blank"
               className="exteral-link"
               rel="noreferrer"
             >
-              <Image src={LinkedInIcon} alt="linkedin-logo" width="24px" height="24px" />
+              <Image src={LinkedInIcon} alt="linkedin-logo" width="28px" height="28px" />
             </a>
           </div>
         </div>