Change modal footer

src/components/misc/create-edit.vue

@@ -23,14 +23,12 @@
 					{{ tertary }}
 				</x-button>
 				<x-button
-					:shadow="false"
 					type="secondary"
 					@click.prevent.stop="$router.back()"
 				>
 					Cancel
 				</x-button>
 				<x-button
-					:shadow="false"
 					type="primary"
 					@click.prevent.stop="primary"
 					:icon="primaryIcon"

src/styles/components/base/card.scss

@@ -14,6 +14,11 @@
     border-bottom: 1px solid $grey-200;
     border-radius: $radius $radius 0 0;
   }
+
+  .modal-card-foot {
+    background: $grey-50;
+    border-top: 0;
+  }
 }
 
 .box, .card {

src/styles/theme/variables/colors.scss

@@ -1,3 +1,4 @@
+$grey-50: #F9FAFB;
 $grey-100: #f3f4f6;
 $grey-200: #E5E7EB;
 $grey-300: #D1D5DB;