Fix styles in TeamPerson

ekaterinburgdev · Dec 20, 2023 · e2d0e02 · e2d0e02 · ekbdev · Dec 20, 2023
1 parent 716d9ea
commit e2d0e02
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/components/AboutProjectModal/Team/TeamPerson.jsx b/components/AboutProjectModal/Team/TeamPerson.jsx
@@ -7,15 +7,15 @@ export default function TeamPerson(person) {
     const { link } = person
     return link ? (
         <a
-            className={cn('TeamPerson', 'TeamPerson_link')}
+            className={cn(styles.TeamPerson, styles.TeamPerson__link)}
             href={link}
             target="_blank"
             rel="noopener noreferrer nofollow"
         >
             <TeamPersonInner {...person} />
         </a>
     ) : (
-        <div className={cn('TeamPerson')}>
+        <div className={cn(styles.TeamPerson)}>
             <TeamPersonInner {...person} />
         </div>
     )

diff --git a/components/AboutProjectModal/Team/TeamPerson.module.css b/components/AboutProjectModal/Team/TeamPerson.module.css
@@ -7,20 +7,24 @@
     text-decoration: none;
 }
 
-.TeamPerson_link .TeamPerson__name span {
+.TeamPerson__link {
+    text-decoration: none;
+}
+
+.TeamPerson__link .TeamPerson__name span {
     text-decoration: underline;
     text-underline-offset: 3px;
     text-decoration-color: var(--color-underline);
     transition: .15s ease box-shadow;
 }
 
 
-.TeamPerson_link:hover .TeamPerson__name span {
+.TeamPerson__link:hover .TeamPerson__name span {
     display: inline;
     text-decoration-color: var(--color-underline-hover);
 }
 
-.TeamPerson_link .TeamPerson__name {
+.TeamPerson__link .TeamPerson__name {
     margin-bottom: 0.45em;
 }