fix svg without size

Author: ArthurFlag

assets/css/components.css

@@ -1,25 +1,29 @@
 @layer components {
   .card {
     @apply flex flex-col gap-2 rounded-sm border border-gray-200 bg-white p-3 mt-2 mb-2;
-    @apply dark:border-gray-700 dark:bg-gray-900;
-    @apply dark:text-gray-100;
-
+    @apply dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100;
+    @apply transition-shadow duration-200;
+    &:hover, &:focus {
+      @apply border-gray-300 dark:border-gray-600;
+    }
+  }
+  .card-link:hover {
+    @apply !no-underline;
   }
   .card-header {
     @apply flex gap-2 mb-2 items-center;
     @apply text-gray-800 dark:text-gray-200;
-    @apply text-lg font-light;
   }
   .card-icon {
     @apply  text-gray-500;
-  }
-  .card-icon{
     @apply text-gray-800 dark:text-gray-200;
   }
   .card-img, .card-img svg{
-    @apply max-h-5 max-w-5 m-0 fill-current flex items-center justify-center;
+    @apply max-h-5 max-w-5 min-w-5 min-h-5 m-0 fill-current flex items-center justify-center;
+  }
+  .card-title{
+    @apply font-semibold;
   }
-  
   .card-content {
     @apply text-gray-700;
     @apply dark:text-gray-200;