fix: responsive 2

Koderpark · Jan 26, 2025 · 546b6c2 · 546b6c2
1 parent 253491f
commit 546b6c2
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 12 deletions.
diff --git a/assets/built/index.css b/assets/built/index.css
diff --git a/assets/css/components/list.css b/assets/css/components/list.css
@@ -59,11 +59,7 @@
 .list-article .img {
   width: 256px;
   overflow: hidden;
-  @apply m-2 aspect-video;
-}
-
-.list-article .img > img {
-  @apply rounded;
+  @apply m-2 aspect-video rounded;
 }
 
 .list-article .list-desc {
@@ -87,6 +83,5 @@
     width: 100%;
     overflow: hidden;
     margin: 0;
-    @apply p-4;
   }
 }
diff --git a/assets/css/ghost/header.css b/assets/css/ghost/header.css
@@ -215,7 +215,7 @@ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after {
 /* ---------------------------------------------------------- */
 /* IDs needed to ensure sufficient specificity */
 
-@media (max-width: 1080px) {
+@media (max-width: 1024px) {
   .gh-burger {
     display: inline-block;
   }
@@ -225,7 +225,6 @@ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after {
     overflow: hidden;
   }
   #gh-head .gh-head-inner {
-    height: 100%;
     grid-template-columns: 1fr;
   }
   #gh-head .gh-head-brand {
@@ -250,7 +249,10 @@ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after {
     flex-direction: column;
     align-items: center;
     text-align: center;
-    margin: 0 0 10vh 0;
+    margin: 0;
+  }
+  #gh-head .gh-head-menu .nav {
+    gap: 0;
   }
   #gh-head .gh-head-menu .nav li {
     margin: 5px 0;

diff --git a/partials/list/article.hbs b/partials/list/article.hbs
@@ -21,7 +21,7 @@
         </header>
       </div>
       {{!-- {{#if feature_image}} --}}
-      <div class="flex flex-col justify-center">
+      <div class="flex flex-col justify-center p-4">
         <div class="img">
           {{#if feature_image}}
           {{> "card/image" href=feature_image size="600px" alt=title class="object-cover object-center h-full w-full"}}