feat(ui): style improvements

mateusfg7 · Jul 17, 2023 · 68d0df3 · 68d0df3
1 parent d9c892b
commit 68d0df3
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/src/app/(main)/blog/layout.tsx b/src/app/(main)/blog/layout.tsx
@@ -3,5 +3,5 @@ export default function BlogLayout({
 }: {
   children: React.ReactNode
 }) {
-  return <>{children}</>
+  return <div className="content-vertical-spaces">{children}</div>
 }
diff --git a/src/styles/components.css b/src/styles/components.css
@@ -9,8 +9,8 @@
 
   .keyboard {
     @apply bg-neutral-100 p-1 dark:bg-neutral-900;
-    @apply rounded-lg border border-neutral-200 dark:border-neutral-700;
-    @apply text-neutral-500;
+    @apply rounded-lg border border-neutral-300 dark:border-neutral-700;
+    @apply text-neutral-600 dark:text-neutral-500;
     @apply leading-none;
   }
 

diff --git a/src/styles/utilities.css b/src/styles/utilities.css
@@ -7,6 +7,9 @@
   .blog-content-w {
     @apply w-full px-4 md:max-w-4xl md:px-0;
   }
+  .content-vertical-spaces {
+    @apply pt-24 pb-28 md:pt-36;
+  }
 
   .limits {
     @apply border border-red-600;