首次提交

src/components/FloatingToolbar.vue

@@ -7,7 +7,10 @@
         elevation="4"
         rounded="xl"
       >
-        <v-btn-group class="toolbar-buttons" variant="text">
+        <v-btn-group
+          class="toolbar-buttons"
+          variant="text"
+        >
           <v-btn
             v-ripple
             :title="'查看昨天'"
@@ -32,7 +35,10 @@
             variant="text"
             @click="$emit('zoom', 'up')"
           />
-          <v-menu :close-on-content-click="false" location="top">
+          <v-menu
+            :close-on-content-click="false"
+            location="top"
+          >
             <template #activator="{ props }">
               <v-btn
                 v-ripple
@@ -43,7 +49,10 @@
                 variant="text"
               />
             </template>
-            <v-card border class="date-picker-card">
+            <v-card
+              border
+              class="date-picker-card"
+            >
               <v-date-picker
                 :model-value="selectedDate"
                 color="primary"
@@ -52,6 +61,7 @@
             </v-card>
           </v-menu>
           <v-btn
+            :key="loading"
             v-ripple
             :loading="loading"
             :title="'刷新数据'"
@@ -76,19 +86,24 @@
 
     <!-- Side Action Button -->
     <v-slide-x-reverse-transition>
-      <v-btn
+      <div
         v-if="!isToday"
-        :loading="copyToTodayLoading"
-        :disabled="copyToTodayLoading"
-        class="side-action-btn"
-        color="primary"
-        elevation="4"
-        prepend-icon="mdi-content-copy"
-        rounded="xl"
-        size="large"
-        text="复制作业内容到今天"
-        @click="$emit('copy-to-today')"
-      >复制到今天</v-btn>
+        class="side-action-container"
+      >
+        <v-btn
+          :loading="copyToTodayLoading"
+          :disabled="copyToTodayLoading"
+          class="side-action-btn"
+          color="primary"
+          elevation="4"
+          prepend-icon="mdi-content-copy"
+          rounded="xl"
+          size="large"
+          @click="$emit('copy-to-today')"
+        >
+          复制到今天
+        </v-btn>
+      </div>
     </v-slide-x-reverse-transition>
   </div>
 </template>
@@ -138,9 +153,8 @@ export default {
   left: 0;
   width: 100%;
   height: 0;
+  overflow: visible;
   z-index: 100;
-  display: flex;
-  justify-content: center;
   pointer-events: none;
 }
 
@@ -191,12 +205,15 @@ export default {
   transform: scale(0.95);
 }
 
-.side-action-btn {
+.side-action-container {
   position: absolute;
   bottom: 24px;
   right: 24px;
   pointer-events: auto;
   z-index: 101;
+}
+
+.side-action-btn {
   background: rgba(255, 255, 255, 0.9) !important;
   backdrop-filter: blur(12px);
   border: 1px solid rgba(255, 255, 255, 0.2);