fix color and add animation

src/App.vue

@@ -14,13 +14,10 @@ provide('drawer', drawer)
 </script>
 <template>
   <v-container fluid style="background-color: #7E9CD3; min-height: 100vh;">
-    <!-- <FullLayout v-if="route.meta.layout === 'FullLayout'"></FullLayout>
-    <MainLayout v-if="route.meta.layout === 'MainLayout'"></MainLayout> -->
     <component :is="route.meta.layout === 'MainLayout' ? MainLayout : FullLayout"></component>
     <LoadingDialog></LoadingDialog>
     <LoginMessage />
   </v-container>
-
 </template>
 
 <style scoped></style>

src/components/GanttChart/GanttChart.vue

@@ -81,7 +81,7 @@
 
       <!-- Pagination -->
       <div class="pagination-container">
-        <div class="pagination">
+        <transition-group name="fade" tag="div" class="pagination">
           <button
             v-for="p in pages"
             :key="p"
@@ -101,7 +101,7 @@
           <button class="page-btn add-page" @click="addPage" :disabled="pages.length >= 10">
             +
           </button>
-        </div>
+        </transition-group>
         <div class="pagination-right">
           <v-btn class="add-page-btn" @click="openAddQueueDialog" icon>
             <v-icon>mdi-plus</v-icon>

src/components/GanttChart/SettingBtn.vue

@@ -7,13 +7,14 @@
         </v-btn>
       </template>
 
-      <v-list>
+      <v-list style="background-color: #4F5473">
         <v-list-item
+          style="background-color: #4F5473"
           v-for="(item, index) in items"
           :key="index"
           @click="handleMenuClick(index)"
         >
-          <v-list-item-title>{{ item.title }}</v-list-item-title>
+        <v-list-item-title style="color: white">{{ item.title }}</v-list-item-title>
         </v-list-item>
       </v-list>
     </v-menu>

src/components/GanttChart/ganttChart.css

@@ -183,6 +183,17 @@
   position: relative;
 }
 
+.fade-enter-active,
+.fade-leave-active {
+  transition: all 0.4s ease;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+  transform: scale(0.8);
+}
+
 .page-btn.active {
   background: #007bff;
   border-radius: 6px;