fix: fixed some layouts issues

nodejs · Dec 1, 2023 · 7083065 · 7083065
1 parent 5e4852e
commit 7083065
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 6 deletions.
diff --git a/components/Common/Sidebar/index.module.css b/components/Common/Sidebar/index.module.css
@@ -22,7 +22,7 @@
   }
 
   > div {
-    @apply w-full
-      sm:hidden;
+    @apply hidden
+      w-full xs:flex;
   }
 }
diff --git a/layouts/New/layouts.module.css b/layouts/New/layouts.module.css
@@ -7,12 +7,14 @@
 }
 
 .articleLayout {
-  @apply grid
+  @apply m-[0_auto]
+    grid
     grid-rows-[1fr]
     overflow-hidden
     grid-areas-[sidebar_main_metabar,sidebar_footer_metabar]
     sm:grid-cols-[200px_1fr_200px]
     xl:grid-cols-[320px_1fr_320px]
+    xs:m-0
     xs:block
     xs:overflow-auto;
 
@@ -23,6 +25,7 @@
   > *:nth-child(2) {
     @apply flex
       w-full
+      max-w-5xl
       flex-col
       items-start
       gap-6

diff --git a/styles/new/markdown.css b/styles/new/markdown.css
@@ -25,8 +25,7 @@
   }
 
   h5,
-  h6,
-  strong {
+  h6 {
     @apply text-base;
   }
 

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -118,7 +118,7 @@ export default {
       'ibm-plex-mono': ['var(--font-ibm-plex-mono)'],
     },
     extend: {
-      screens: { xs: { max: '639px' } },
+      screens: { xs: { max: '670px' } },
       backgroundImage: {
         'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
         'gradient-subtle':
-Original file line number
+Diff line change
@@ Expand Up / @@ -25,8 +25,7 @@ @@
       }
       h5,
-      h6,
-      strong {
+      h6 {
         @apply text-base;
       }
@@ Expand Down @@