修改移动端细节

src/App.vue

@@ -3,7 +3,7 @@
 </script>
 
 <template>
-  <div class="min-h-screen w-screen bg-blue-50">
+  <div class="min-h-screen bg-blue-50">
     <router-view/>
   </div>
 </template>

src/components/card/IntroCard.vue

@@ -38,7 +38,7 @@ const littleWidget: Widget[] = [
     </div>
 
     <!--  文字部分  -->
-    <div class="container flex-1 px-8 flex flex-col justify-between">
+    <div class="container flex-1 px-4 sm:px-8 flex flex-col justify-between">
       <div class="text-4xl">Jeffrey Hsu</div>
       <div class="text-2xl text-gray-400">你好👋，很高兴认识你！</div>
       <!--      <vue-typed-js :strings="['First text', 'Second Text']">-->

src/views/home/HomeView.vue

@@ -22,6 +22,7 @@ onMounted(async () => {
     <!--  个人介绍  -->
     <intro-card/>
 
+    <div class="px-4 sm:px-0 w-full">
       <!-- 标题部分 -->
       <div class="text-2xl mb-4 text-white font-bold flex justify-between">
         <div class="bg-rose-500 w-max rounded-2xl overflow-hidden">
@@ -42,6 +43,7 @@ onMounted(async () => {
         </div>
       </div>
     </div>
+  </div>
 
   <article-digest-viewer/>