feat(home): smaller nickname for mobile

Octobug · Nov 3, 2023 · 9ad9274 · 9ad9274
1 parent 292a3cb
commit 9ad9274
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/.vitepress/theme/components/Profile.vue b/.vitepress/theme/components/Profile.vue
@@ -1,7 +1,7 @@
 <template>
   <Avatar />
   <div :class="$style.profile">
-    <h1 :class="$style.title">
+    <h1 :class="$style.nickname">
       <span>{{ nickname }}</span>
     </h1>
     <p :class="$style.bio">
@@ -28,7 +28,7 @@ import ProfileExtra from "./ProfileExtra.vue";
   padding: 0 15px;
   text-align: center;
 
-  .title {
+  .nickname {
     display: flex;
     align-items: center;
     font-size: 2em;
@@ -48,4 +48,12 @@ import ProfileExtra from "./ProfileExtra.vue";
     }
   }
 }
+
+@media (max-width: 768px) {
+  .profile {
+    .nickname {
+      font-size: 1.7em;
+    }
+  }
+}
 </style>