fix bleed full mode

timlrx · Jul 25, 2023 · 75533d5 · 75533d5
1 parent c41211e
commit 75533d5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/grumpy-bears-sleep.md b/.changeset/grumpy-bears-sleep.md
@@ -0,0 +1,5 @@
+---
+'pliny': patch
+---
+
+fix bleed full mode
diff --git a/packages/pliny/src/ui/Bleed.tsx b/packages/pliny/src/ui/Bleed.tsx
@@ -9,7 +9,7 @@ const Bleed = ({ full, children }: BleedProps) => {
   return (
     <div
       className={`relative mt-6 ${
-        full ? 'left-2/4 right-2/4 mx-[-50vw]' : '-mx-6 md:-mx-8 2xl:-mx-24'
+        full ? 'ml-[calc(-50vw+50%)] mr-[calc(-50vw+50%)]' : '-mx-6 md:-mx-8 2xl:-mx-24'
       }`}
     >
       {children}