Format action section

Sebclem · Aug 2, 2024 · d65e9e1 · d65e9e1
1 parent 270b6c5
commit d65e9e1
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 7 deletions.
diff --git a/nextcloud_backup/frontend/package.json b/nextcloud_backup/frontend/package.json
@@ -9,7 +9,7 @@
     "type-check": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "@mdi/font": "7.0.96",
+    "@mdi/font": "7.4.47",
     "core-js": "^3.34.0",
     "ky": "^1.2.0",
     "luxon": "^3.4.4",

diff --git a/nextcloud_backup/frontend/pnpm-lock.yaml b/nextcloud_backup/frontend/pnpm-lock.yaml
diff --git a/nextcloud_backup/frontend/src/components/statusBar/ActionComponent.vue b/nextcloud_backup/frontend/src/components/statusBar/ActionComponent.vue
@@ -3,8 +3,28 @@
     <v-card-title class="text-center">Action</v-card-title>
     <v-divider class="border-opacity-25"></v-divider>
     <v-card-text>
-      <v-btn color="success" @click="launchBackup">Backup Now</v-btn>
-      <v-btn color="success" @click="launchClean">Clean</v-btn>
+      <v-row>
+        <v-col class="d-flex justify-center">
+          <v-btn
+            block
+            color="success"
+            @click="launchBackup"
+            prepend-icon="mdi-cloud-plus"
+          >
+            Backup Now
+          </v-btn>
+        </v-col>
+        <v-col class="d-flex justify-center">
+          <v-btn
+            block
+            color="orange-darken-3"
+            @click="launchClean"
+            prepend-icon="mdi-broom"
+          >
+            Clean
+          </v-btn>
+        </v-col>
+      </v-row>
     </v-card-text>
   </v-card>
 </template>