style: use delete icon for all removal operations

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
fluidd-core · Nov 5, 2024 · f0559c5 · f0559c5
1 parent 01d0a7d
commit f0559c5
Show file tree

Hide file tree

Showing 6 changed files with 29 additions and 8 deletions.
diff --git a/src/components/settings/auth/AuthSettings.vue b/src/components/settings/auth/AuthSettings.vue
@@ -65,10 +65,11 @@
             text
             x-small
             color=""
+            class="ms-1"
             @click.stop="handleRemoveUser(user)"
           >
             <v-icon color="">
-              $close
+              $delete
             </v-icon>
           </app-btn>
         </app-setting>

diff --git a/src/components/settings/cameras/CameraSettings.vue b/src/components/settings/cameras/CameraSettings.vue
@@ -32,7 +32,6 @@
           :key="`camera-${camera.uid}`"
           :r-cols="2"
           :sub-title="camera.source === 'config' ? $t('app.general.tooltip.managed_by_moonraker') : undefined"
-          @click="handleEditDialog(camera)"
         >
           <template #title>
             {{ camera.name }} <v-icon
@@ -44,16 +43,31 @@
               $warning
             </v-icon>
           </template>
+
+          <app-btn
+            fab
+            text
+            x-small
+            color=""
+            class="ms-1"
+            @click.stop="handleEditDialog(camera)"
+          >
+            <v-icon color="">
+              $edit
+            </v-icon>
+          </app-btn>
+
           <app-btn
-            v-if="camera.source !== 'config'"
+            :disabled="camera.source === 'config'"
             fab
             text
             x-small
             color=""
+            class="ms-1"
             @click.stop="handleRemoveCamera(camera)"
           >
             <v-icon color="">
-              $close
+              $delete
             </v-icon>
           </app-btn>
         </app-setting>

diff --git a/src/components/settings/console/ConsoleSettings.vue b/src/components/settings/console/ConsoleSettings.vue
@@ -41,6 +41,7 @@
             text
             x-small
             color=""
+            class="ms-1"
             @click.stop="handleEditFilterDialog(filter)"
           >
             <v-icon color="">
@@ -53,10 +54,11 @@
             text
             x-small
             color=""
+            class="ms-1"
             @click.stop="handleRemoveFilter(filter)"
           >
             <v-icon color="">
-              $close
+              $delete
             </v-icon>
           </app-btn>
         </app-setting>

diff --git a/src/components/settings/macros/MacroSettings.vue b/src/components/settings/macros/MacroSettings.vue
@@ -48,6 +48,7 @@
             text
             x-small
             color=""
+            class="ms-1"
             @click.stop="handleEditCategoryDialog(category)"
           >
             <v-icon color="">
@@ -60,10 +61,11 @@
             text
             x-small
             color=""
+            class="ms-1"
             @click.stop="handleRemoveCategory(category)"
           >
             <v-icon color="">
-              $close
+              $delete
             </v-icon>
           </app-btn>
 

diff --git a/src/components/settings/presets/PresetSettings.vue b/src/components/settings/presets/PresetSettings.vue
@@ -44,15 +44,17 @@
               {{ k }}: {{ value.value }}<small>°C</small>
             </span>
           </template>
+
           <app-btn
             fab
             text
             x-small
             color=""
+            class="ms-1"
             @click.stop="handleRemovePreset(preset)"
           >
             <v-icon color="">
-              $close
+              $delete
             </v-icon>
           </app-btn>
         </app-setting>

diff --git a/src/components/widgets/bedmesh/BedMeshControls.vue b/src/components/widgets/bedmesh/BedMeshControls.vue
@@ -89,7 +89,7 @@
                     v-on="on"
                   >
                     <v-icon color="">
-                      $close
+                      $delete
                     </v-icon>
                   </app-btn>
                 </template>