fix apps style and profile slider style

tomatophp · Mar 31, 2024 · 8ab0cfb · 8ab0cfb
1 parent 4e75c3b
commit 8ab0cfb
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/Modules/CircleApps/resources/views/show.blade.php b/Modules/CircleApps/resources/views/show.blade.php
@@ -68,8 +68,8 @@
                     </div>
                 </div>
             </div>
-            <div class="grid grid-cols-12 w-full gap-4 my-4">
-                <div class="bg-zinc-800 rounded-lg overflow-hidden shadow-md border border-zinc-700 p-4 col-span-9">
+            <div class="grid grid-cols-1 md:grid-cols-12 w-full gap-4 my-4">
+                <div class="bg-zinc-800 rounded-lg overflow-hidden shadow-md border border-zinc-700 p-4 col-span-1 lg:col-span-9">
                     <div style="background-image: url('{{$app->getMedia('cover')->first()?->getUrl()}}')" class="bg-cover bg-center w-full h-80 rounded-lg">
 
                     </div>
@@ -78,7 +78,7 @@
                         <x-tomato-markdown-viewer :content="$app->readme" />
                     @endif
                 </div>
-                <div class="bg-zinc-800 rounded-lg overflow-hidden shadow-md border border-zinc-700 p-6 col-span-3 flex flex-col gap-2 justify-start">
+                <div class="bg-zinc-800 rounded-lg overflow-hidden shadow-md border border-zinc-700 p-6 col-span-1 lg:col-span-3 flex flex-col gap-2 justify-start">
                     @if($app->homepage)
                        <div>
                            <h1>{{__('Website')}}</h1>

diff --git a/Modules/CircleXO/resources/views/components/listing-filters.blade.php b/Modules/CircleXO/resources/views/components/listing-filters.blade.php
@@ -2,14 +2,23 @@
     <Swiper
         :breakpoints="{
           '350': {
-            slidesPerView: 3,
+            slidesPerView: 2,
             spaceBetween: 10,
           },
           '768': {
+            slidesPerView: 3,
+            spaceBetween: 10,
+          },
+          '1024': {
             slidesPerView: 4,
             spaceBetween: 10,
           },
           '1024': {
+            slidesPerView: 4,
+            spaceBetween: 10,
+          },
+
+          '1900': {
             slidesPerView: 5,
             spaceBetween: 10,
           },