chore: improve styles

enjidev · Jan 17, 2023 · 4d1a61a · 4d1a61a · vercel · Jan 17, 2023
1 parent 3142631
commit 4d1a61a
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/apps/enji.dev/src/components/mdx/TIL.tsx b/apps/enji.dev/src/components/mdx/TIL.tsx
@@ -102,15 +102,15 @@ export function Item({ children = null }: PropsWithChildren) {
       >
         <div
           className={clsx(
-            'absolute -ml-3 mt-2.5 h-4 w-4 rounded-full border-2 border-slate-700 bg-white',
+            'absolute -ml-0.5 mt-2.5 h-4 w-4 rounded-full border-2 border-slate-700 bg-white',
             'md:-ml-3 md:mt-2 md:h-5 md:w-5',
             'dark:border-slate-300 dark:bg-slate-900'
           )}
         />
         <div
           className={clsx(
-            'absolute z-[-1] mt-4 -ml-4 w-8 border border-slate-700',
-            'md:w-10 lg:w-12',
+            'absolute z-[-1] mt-4 -ml-2 w-8 border border-slate-700',
+            'md:-ml-4 md:w-10 lg:w-12',
             'dark:border-slate-300'
           )}
         />
@@ -130,7 +130,7 @@ export function Items({
   children = null,
 }: PropsWithChildren<ItemsProps>) {
   return (
-    <div className={clsx('flex flex-row gap-8', 'md:gap-12 lg:gap-24')}>
+    <div className={clsx('flex flex-row gap-6', 'md:gap-12 lg:gap-24')}>
       <div className={clsx('hidden', 'md:block md:pb-24')}>
         <div className={clsx('mt-4 pt-1.5 md:sticky md:top-[86px]')}>
           <div

diff --git a/apps/enji.dev/src/contents/TIL/Contents.mdx b/apps/enji.dev/src/contents/TIL/Contents.mdx
@@ -4,7 +4,7 @@ import TIL from '@/components/mdx/TIL';
 
   <TIL.Item>
 
-    ## Pre overflow: scroll inside flex
+    ## pre overflow: scroll inside flex
 
     <TIL.ItemTags>
       <TIL.ItemTag>css</TIL.ItemTag>
@@ -22,7 +22,7 @@ import TIL from '@/components/mdx/TIL';
 
   <TIL.Item>
 
-    ## Import mdx file sebagai component
+    ## import mdx file sebagai component
 
     <TIL.ItemTags>
       <TIL.ItemTag>react</TIL.ItemTag>
@@ -43,7 +43,7 @@ import TIL from '@/components/mdx/TIL';
   </TIL.Item>
 
   <TIL.Item>
-    
+
     ## :not() pseudo-class
 
     <TIL.ItemTags>

diff --git a/apps/enji.dev/src/contents/blog/PostPreview.tsx b/apps/enji.dev/src/contents/blog/PostPreview.tsx
@@ -29,8 +29,8 @@ function PostPreview({
         key={slug}
         href={`blog/${slug}`}
         className={clsx(
-          'group block rounded-xl bg-gradient-to-t ',
-          'sm:p-4 md:p-6'
+          'group mb-6 block rounded-xl bg-gradient-to-t',
+          'sm:mb-0 sm:p-4 md:p-6'
         )}
       >
         <div