fix: tweak css

2024-05-28 11:43:14 +02:00
parent 4b4e214ab9
commit f68b184d93
4 changed files with 16 additions and 29 deletions
@@ -11,7 +11,7 @@ export default async function LoyaltyPage() {
  const hasSidebar = !!loyaltyPage.sidebar.length
  return (
    <section
-      className={`${styles.content} ${hasSidebar && styles.hasLeftSignbar}`}
+      className={`${styles.content} ${hasSidebar && styles.hasLeftSidebar}`}
    >
      {hasSidebar && <Sidebar blocks={loyaltyPage.sidebar} />}

@@ -13,7 +13,7 @@
 }

@media screen and (min-width: 950px) {
-  .withLeftSidebar {
+  .hasLeftSidebar {
    grid-template-columns: 30rem 1fr;
  }

@@ -29,6 +29,9 @@
    gap: 6.4rem;
    padding-left: 0;
    padding-right: 0;
+  }
+
+  .hasLeftSidebar .blocks {
    grid-column: 2 / -1;
  }
 }