fix: 樣式修正

src/components/PageIndex.vue

@@ -1,6 +1,6 @@
 <template>
   <v-container class="pa-0" fluid>
-    <div class="d-flex flex-column ga-5 py-4 pr-2 pl-0">
+    <div class="d-flex flex-column ga-5 pt-1 pb-4 pr-2 pl-0">
       <v-sheet
         class="d-flex flex-column flex-sm-row align-start align-sm-center ga-4 pa-5 elevation-1"
         color="surface"
@@ -124,8 +124,7 @@
         </v-card-title>
         <v-card-subtitle class="text-body-2 pt-4 text-medium-emphasis">
           {{ props.selectedNews.month }} {{ props.selectedNews.date }} ·
-          {{ props.selectedNews.dept }} ·
-          {{ props.selectedNews.views }} 次瀏覽
+          {{ props.selectedNews.dept }} · {{ props.selectedNews.views }} 次瀏覽
         </v-card-subtitle>
         <v-card-text class="pt-4">
           {{ props.selectedNews.desc }}

src/components/layouts/main-layout/AppBarBreadcrumbCol.vue

@@ -1,9 +1,9 @@
 <template>
   <v-col
     v-if="features.showBreadcrumb && breadcrumbBarVisible && !isMobile"
-    class="d-flex align-center justify-space-between pr-2 pl-3 py-1 bg-surface"
+    class="d-flex align-center justify-space-between pr-2 pl-3 bg-surface"
   >
-    <v-breadcrumbs class="pa-0" density="compact" :items="breadcrumbItems">
+    <v-breadcrumbs class="ma-2 pa-0" density="compact" :items="breadcrumbItems">
       <template #prepend>
         <v-btn
           v-if="features.showFavorites && !showFavoritesBar"