fix: Logo was underlined on hover in the footer on desktop screens

umka-co · Feb 2, 2024 · 9ce7561 · 9ce7561
1 parent a361fbf
commit 9ce7561
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/src/components/Logo/Logo.module.css b/src/components/Logo/Logo.module.css
@@ -2,6 +2,7 @@
   /* Same as .dark */
   color: rgb(28, 14, 13);
   margin: 0.125rem;
+  text-decoration: none;
 }
 
 .logo:hover {

diff --git a/src/components/Logo/Logo.tsx b/src/components/Logo/Logo.tsx
@@ -51,6 +51,7 @@ const Logo: FunctionComponent<Props> = ({ href, noText, size = 'medium', variant
 
   const textToRender = useMemo(
     () =>
+      // TODO: Add real text here
       noText ? null : (
         <div className={`${styles.text} ${styles[size]}`}>
           <span className={styles.primary}>Logo</span>

diff --git a/src/layout/components/Footer/Footer.module.css b/src/layout/components/Footer/Footer.module.css
@@ -24,14 +24,15 @@
   padding: 2rem 0;
 }
 
-.footer.desktop a:hover {
+.footer.desktop .content a:hover {
   text-decoration: underline;
 }
 
 .logo {
   align-items: center;
   display: flex;
   flex-direction: column;
+  text-decoration: none;
 }
 
 .logo .text {