fix: note root banner style, closes #13

Signed-off-by: Innei <i@innei.in>
Innei · Apr 18, 2024 · 70e282c · 70e282c
1 parent 2bcf16c
commit 70e282c
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/modules/note/NoteBanner.tsx b/src/components/modules/note/NoteBanner.tsx
@@ -47,7 +47,7 @@ export const NoteRootBanner = () => {
   if (!banner) return null
 
   return (
-    <div className="mx-[var(--padding-h)] mb-4 mt-8">
+    <div className="mb-4 mt-8">
       <NoteBanner {...banner} />
     </div>
   )
@@ -64,7 +64,8 @@ export const NoteBanner: FC<{
       className={clsxm(
         'mt-4 flex justify-center p-4 text-base leading-8',
         'lg:-ml-12 lg:w-[calc(100%+6rem)]',
-        '-ml-4 w-[calc(100%+2rem)]',
+        // '-ml-4 w-[calc(100%+2rem)]',
+        'mx-[var(--padding-h)]',
 
         bannerClassNames[banner.type as keyof typeof bannerClassNames],
         banner.className,