improve slider design on mobile

2023-03-01 07:54:37 +10:00
parent adae8888f8
commit ffbe78fdc1
1 changed files with 9 additions and 0 deletions
--- a/resources/js/components/SMCarouselSlide.vue
+++ b/resources/js/components/SMCarouselSlide.vue
@@ -194,6 +194,15 @@ handleLoad();

@media only screen and (max-width: 640px) {
    .carousel-slide .carousel-slide-body {
+        padding: 0;
+
+        .carousel-slide-content {
+            margin: 0;
+            border-radius: 0;
+            padding: 2rem 4rem 1.5rem;
+            height: 100%;
+        }
+
        h3,
        p {
            text-align: center;