格式化样式

src/components/card/CardTitle.vue

@@ -10,8 +10,8 @@ defineProps<{
 
 <template>
   <div class="mb-4 flex justify-between text-2xl font-bold text-white">
-    <div :class="mainColor" class="w-max overflow-hidden rounded-2xl bg-rose-500 flex justify-center items-center">
-      <div :class="[subColor]" class="rounded-2xl px-4 py-2 w-14 text-center flex justify-center items-center h-full">
+    <div :class="mainColor" class="flex w-max items-center justify-center overflow-hidden rounded-2xl bg-rose-500">
+      <div :class="[subColor]" class="flex h-full w-14 items-center justify-center rounded-2xl px-4 py-2 text-center">
         <font-awesome-icon :icon="icon"/>
       </div>
       <span class="px-4">{{ title }}</span>

src/components/card/SectionCard.vue

@@ -24,7 +24,7 @@ const handleReload = () => {
     </div>
     <div v-else>
       <!-- 错误处理 -->
-      <div v-if="error" class="flex flex-col h-56 items-center justify-center" @click="handleReload">
+      <div v-if="error" class="flex h-56 flex-col items-center justify-center" @click="handleReload">
         <span class="mb-4 text-8xl">❌</span>
         <span class="text-center text-2xl font-bold">载入错误</span>
       </div>

src/views/home/HomeView.vue

@@ -72,7 +72,7 @@ onMounted(async () => {
     </section>
 
     <!-- Git部分 -->
-    <section class="w-full px-4 sm:px-0 my-4">
+    <section class="my-4 w-full px-4 sm:px-0">
       <card-title :icon="['fas', 'code-commit']" main-color="bg-green-500" sub-color="bg-green-600" title="最近活动"
                   url="/git/"/>
     </section>