fix footer on small displays

2023-05-08 11:16:56 +10:00
parent a66cde3934
commit 63e05e924a
1 changed files with 7 additions and 0 deletions
--- a/resources/js/components/SMFormCard.vue
+++ b/resources/js/components/SMFormCard.vue
@@ -55,6 +55,7 @@ const slots = useSlots();
    .footer {
        margin-top: 32px;
        display: flex;
+        gap: 16px;
        align-items: center;
        justify-content: center;
    }
@@ -68,4 +69,10 @@ const slots = useSlots();
        margin-top: 0;
    }
 }
+
+@media only screen and (max-width: 768px) {
+    .form-card .footer {
+        flex-direction: column;
+    }
+}
 </style>