fix: 修复移动端情况头像展示问题

carolcoral · May 27, 2024 · 1bec81f · 1bec81f
1 parent 71bef11
commit 1bec81f
Showing 1 changed file with 17 additions and 12 deletions.
diff --git a/src/main/resources/static/afdian.min.css b/src/main/resources/static/afdian.min.css
@@ -383,8 +383,6 @@ html {
     color: #777
 }
 
-/* 关于页面赞赏 */
-
 .author-content-item.single.reward .author-content-item .author-content-item-title {
     color: var(--heo-red);
 }
@@ -413,13 +411,26 @@ html {
     color: #FFFFFF;
 }
 
+@media screen and (min-width: 1200px) {
+    .author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-avatar img {
+        border-radius: 50%;
+        width: 80%;
+        margin-top: 0.2rem;
+   }
+}
+
 @media screen and (max-width: 1200px) {
     .author-content-item.single.reward .reward-list-all .reward-list-item {
         width: calc((100% / 4) - 0.5rem);
     }
     .author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-avatar {
         width: 32%;
     }
+    .author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-avatar img {
+        border-radius: 50%;
+        width: 80%;
+        margin-top: 0.2rem;
+    }
 }
 
 @media screen and (max-width: 900px) {
@@ -430,10 +441,10 @@ html {
         width: 20%;
     }
     .author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-avatar img {
-            border-radius: 50%;
-            width: 40%;
-            margin-top: 0.2rem;
-        }
+        border-radius: 50%;
+        width: 40%;
+        margin-top: 0.2rem;
+   }
 }
 
 @media screen and (max-width: 768px) {
@@ -496,12 +507,6 @@ html {
     transform: translateY(-40%);
 }
 
-.author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-avatar img {
-    border-radius: 50%;
-    width: 80%;
-    margin-top: 0.2rem;
-}
-
 .author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-avatar-group {
     width: 65%;
     float: left;