Align hitokoto text to left and apply custom font size settings

Co-authored-by: Sunwuyuan <88357633+Sunwuyuan@users.noreply.github.com>

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"
@@ -88,7 +97,9 @@
         size="large"
         text="复制作业内容到今天"
         @click="$emit('copy-to-today')"
-      >复制到今天</v-btn>
+      >
+        复制到今天
+      </v-btn>
     </v-slide-x-reverse-transition>
   </div>
 </template>