他人页

src/components/UserInfo/index.scss

@@ -98,6 +98,8 @@
       display: flex;
       align-items: center;
       gap: 12px;
+      border: 1px solid rgba(0, 0, 0, 0.2);
+      border-radius: 20px;
 
       .follow_button {
         display: flex;
@@ -106,14 +108,22 @@
         padding: 12px 16px 12px 12px;
         height: 40px;
         background: #000000;
-        border: 0.5px solid rgba(0, 0, 0, 0.06);
-        border-radius: 999px;
+        border: none;
+        outline: none;
         cursor: pointer;
         transition: all 0.3s ease;
 
         &.following {
           background: #FFFFFF;
           color: #000000;
+
+          .button_text {
+            color: #000000 !important;
+          }
+        }
+
+        &:after {
+          border: none;
         }
 
         .button_icon {
@@ -127,10 +137,6 @@
           font-size: 14px;
           line-height: 1.4em;
           color: #FFFFFF;
-
-          .following & {
-            color: #000000;
-          }
         }
       }
 
@@ -140,7 +146,7 @@
         padding: unset;
         background: #FFFFFF;
         border: 0.5px solid rgba(0, 0, 0, 0.12);
-        border-radius: 999px;
+        border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
@@ -251,7 +257,8 @@
         position: relative;
         padding-right: 20px;
 
-        &::before, &::after {
+        &::before,
+        &::after {
           content: '';
           width: 6px;
           height: 1px;
@@ -262,6 +269,7 @@
           transform: rotate(45deg);
           margin-left: 4px;
         }
+
         &::after {
           transform: rotate(-45deg);
           translate: 4.2px 0;
@@ -528,4 +536,4 @@
       }
     }
   }
-}
+}