From 9ad92742f0f7c649274516fc8d6f06bdddd4af5f Mon Sep 17 00:00:00 2001
From: Octobug <whalevocal@gmail.com>
Date: Fri, 3 Nov 2023 20:15:11 +0800
Subject: [PATCH] feat(home): smaller nickname for mobile

---
 .vitepress/theme/components/Profile.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/.vitepress/theme/components/Profile.vue b/.vitepress/theme/components/Profile.vue
index 77ed01c..beb482d 100644
--- 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>