fix(header): fix header avatar margins (#1322)

cybercongress · Oct 6, 2024 · 393683b · 393683b
1 parent 37dcdcc
commit 393683b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/containers/application/Header/SwitchAccount/SwitchAccount.module.scss b/src/containers/application/Header/SwitchAccount/SwitchAccount.module.scss
@@ -30,10 +30,11 @@
 .containerSwichAccount {
   display: grid;
   font-size: 14px;
-  grid-template-columns: 1fr 105px;
+  grid-template-columns: 1fr 100px;
   gap: 25px;
   align-items: center;
-  height: 95px;
+  justify-content: center;
+  height: 90px;
 
   @media (max-width: 540px) {
     grid-template-columns: 1fr 60px;
@@ -45,7 +46,7 @@
     color: var(--primary-color);
   }
 
-  &+& {
+  & + & {
     margin-top: -30px;
   }
 
@@ -68,6 +69,7 @@
 }
 
 .content {
+  display: flex;
   justify-content: center;
 }
 
@@ -150,4 +152,4 @@
     width: 60px;
     height: 60px;
   }
-}
+}
diff --git a/src/containers/application/Header/SwitchAccount/SwitchAccount.tsx b/src/containers/application/Header/SwitchAccount/SwitchAccount.tsx
@@ -196,6 +196,7 @@ function SwitchAccount() {
               ? routes.robotPassport.getLink(passport.extension.nickname)
               : routes.robot.path
           }
+          className={styles.content}
           // onClick={() => setControlledVisible(!controlledVisible)}
         >
           <div