fix: broken padding when field-size is set

lewxdev · Aug 27, 2024 · 8c96706 · 8c96706
1 parent 941ad54
commit 8c96706
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/app/components/field.tsx b/app/components/field.tsx
@@ -39,7 +39,7 @@ export function Field() {
   useEffect(() => {
     document.documentElement.style.setProperty(
       "--field-size",
-      size ? `${size * GRID_SIZE + (size - 1) * GAP_SIZE}rem` : "100%",
+      size ? `${size * GRID_SIZE + (size - 1) * GAP_SIZE + 2}rem` : "100%",
     );
   }, [size]);
 

diff --git a/app/components/header.tsx b/app/components/header.tsx
@@ -9,7 +9,7 @@ export function Header() {
   const [exposedPercent] = useSocketEvent("exposedPercent");
 
   return (
-    <header className="box-content w-[min(var(--field-size),100%)] px-4 py-1 flex justify-between">
+    <header className="w-[min(var(--field-size),100%)] px-4 py-1 flex justify-between">
       <div className="flex flex-row gap-6">
         <h1 className="text-4xl font-extrabold uppercase italic pr-4">
           mmmines!