Fix order process

software/src/components/basics/actionDialog.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { ModelRef } from 'vue';
+import cardView from './cardView.vue';
 
 const showDialog: ModelRef<boolean> = defineModel()
 
@@ -16,16 +17,17 @@ defineProps({
 
 <template>
   <v-dialog max-width="1200" v-model="showDialog">
-    <v-card
+    <card-view
       :title="title"
       :subtitle="subtitle"
-      :prepend-icon="icon"
+      :icon="icon"
+      :tonal="false"
     >
       <slot></slot>
 
       <template #actions>
         <slot name="actions"></slot>
       </template>
-    </v-card>
+    </card-view>
   </v-dialog>
 </template>

software/src/components/basics/cardView.vue

@@ -9,12 +9,18 @@ defineProps({
   loading: {
     type: Boolean,
     default: false
+  },
+  tonal: {
+    type: Boolean,
+    default: true
   }
 })
 </script>
 
 <template>
-  <v-card variant="tonal" >
+  <v-card
+    :variant="tonal ? 'tonal' : 'elevated'"
+  >
     <v-card-title v-if="title || loading" color="primary" class="pa-0">
       <v-sheet color="primary">
         <v-skeleton-loader