style: SpoolSelectionDialog improvements (#5)

Signed-off-by: Pedro Lamas <[email protected]> Co-authored-by: Mathis Mensing <[email protected]>
matmen · Feb 2, 2024 · 17c72be · 17c72be
1 parent d0f784f
commit 17c72be
Show file tree

Hide file tree

Showing 2 changed files with 192 additions and 189 deletions.
diff --git a/src/components/ui/AppDialog.vue b/src/components/ui/AppDialog.vue
@@ -10,8 +10,17 @@
       :disabled="disabled"
       @submit.prevent="handleSave"
     >
-      <v-card>
-        <v-card-title class="card-heading py-2">
+      <v-card
+        :class="{
+          'collapsable-card': titleShadow
+        }"
+      >
+        <v-card-title
+          class="card-heading py-2"
+          :class="{
+            'collapsable-card-title': titleShadow
+          }"
+        >
           <slot name="title">
             <span class="focus--text">{{ title }}</span>
           </slot>
@@ -100,6 +109,9 @@ export default class AppDialog extends Vue {
   @Prop({ type: Boolean })
   readonly noActions?: boolean
 
+  @Prop({ type: Boolean })
+  readonly titleShadow?: boolean
+
   @PropSync('valid', { type: Boolean })
     validModel?: boolean