feat: moved some card.scss styles to the card.vue component

src/components/misc/card.vue

@@ -54,3 +54,25 @@ export default {
 	emits: ['close'],
 }
 </script>
+
+<style lang="scss" scoped>
+.card {
+  background-color: $white;
+  border-radius: $radius;
+  margin-bottom: 1rem;
+  border: 1px solid $grey-200;
+  box-shadow: $shadow-sm;
+}
+
+.card-header {
+  box-shadow: none;
+  border-bottom: 1px solid $grey-200;
+  border-radius: $radius $radius 0 0;
+}
+
+// FIXME: should maybe be merged somehow with modal
+::v-deep.modal-card-foot {
+  background-color: $grey-50;
+  border-top: 0;
+}
+</style>

src/styles/components/base/_index.scss

@@ -1,4 +1,3 @@
-@import 'card';
 @import 'fancycheckbox';
 @import 'multiselect';
 @import 'scrollbars';

src/styles/components/base/card.scss

@@ -1,27 +0,0 @@
-.card {
-  background-color: $white;
-  border-radius: $radius;
-  margin-bottom: 1rem;
-
-  .card-image {
-    img {
-      border-radius: $radius $radius 0 0;
-    }
-  }
-
-  .card-header {
-    box-shadow: none;
-    border-bottom: 1px solid $grey-200;
-    border-radius: $radius $radius 0 0;
-  }
-
-  .modal-card-foot {
-    background: $grey-50;
-    border-top: 0;
-  }
-}
-
-.box, .card {
-  border: 1px solid $grey-200;
-  box-shadow: $shadow-sm;
-}

src/styles/theme/theme.scss

@@ -147,3 +147,8 @@ button.table {
 .dragging-disabled .handle {
 	opacity: 0 !important;
 }
+
+.box {
+  border: 1px solid $grey-200;
+  box-shadow: $shadow-sm;
+}