refactor: margin

9renpoto · Aug 5, 2023 · 8b5ca7a · 8b5ca7a
1 parent 074aa87
commit 8b5ca7a
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/components/Footer.tsx b/components/Footer.tsx
@@ -13,7 +13,7 @@ export function Footer() {
   ];
 
   return (
-    <footer class="flex flex-col md:flex-row w-full gap-8 md:gap-16 px-8 py-8 text-sm">
+    <footer class="flex flex-col md:flex-row w-full gap-8 md:gap-16 px-4 py-8 text-sm">
       <div class="flex-1">
         <div class="flex items-center gap-1">
           <Campfire class="inline-block" />

diff --git a/components/Header.tsx b/components/Header.tsx
@@ -8,7 +8,7 @@ export function Header({ title }: { title: string }) {
     { name: <IconActivity />, href: "https://9renpoto.github.io/upptime/" },
   ];
   return (
-    <header class="w-full py-6 px-8 flex flex-col md:flex-row gap-4">
+    <header class="w-full py-6 px-4 flex flex-col md:flex-row gap-4">
       <div class="flex items-center flex-1">
         <Campfire />
         <a href="/">

diff --git a/routes/entry/[...all].tsx b/routes/entry/[...all].tsx
@@ -26,7 +26,7 @@ export default function PostPage(props: PageProps<Post>) {
         <style dangerouslySetInnerHTML={{ __html: CSS }} />
       </Head>
       <main class="flex-grow max-w-screen-md w-full px-4 pt-4 mx-auto">
-        <h1 class="text-5xl font-bold">{post.title}</h1>
+        <h1 class="text-2xl font-bold">{post.title}</h1>
         <time class="text-gray-500">
           {new Date(post.publishedAt).toLocaleDateString("en-us", {
             year: "numeric",

diff --git a/routes/index.tsx b/routes/index.tsx
@@ -25,7 +25,7 @@ export function PostCard({ post }: { post: Post }) {
   return (
     <div class="flex-grow py-8 border(t gray-200)">
       <a class="sm:col-span-2" href={`/entry/${post.slug}`}>
-        <h3 class="text(3xl gray-900) font-bold">
+        <h3 class="text(2xl gray-900) font-bold">
           {post.title}
         </h3>
         <time class="text-gray-500">