Fix honeycomb grid pattern tiling geometry

Replaces broken overlapping hexagons with proper flat-top honeycomb
tiling using correct polygon coordinates and tile dimensions.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Trey t
2026-03-07 10:33:52 -06:00
parent cf9a1de385
commit c4d35b3d68
2 changed files with 4 additions and 4 deletions
+2 -2
View File
@@ -16,8 +16,8 @@ export default function AuthLayout({ children }: { children: React.ReactNode })
<div
className="absolute inset-0 opacity-[0.08]"
style={{
backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='194'%3E%3Cpath d='M56 0L112 33.5v67L56 134 0 100.5v-67L56 0z' fill='none' stroke='%23C4856A' stroke-width='0.8'/%3E%3Cpath d='M56 67L112 100.5v67L56 201 0 167.5v-67L56 67z' fill='none' stroke='%23C4856A' stroke-width='0.8'/%3E%3C/svg%3E")`,
backgroundSize: "112px 134px",
backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='103.92'%3E%3Cpolygon points='30,0 60,17.32 60,51.96 30,69.28 0,51.96 0,17.32' fill='none' stroke='%23C4856A' stroke-width='0.8'/%3E%3Cpolygon points='60,51.96 90,69.28 90,103.92 60,121.24 30,103.92 30,69.28' fill='none' stroke='%23C4856A' stroke-width='0.8'/%3E%3C/svg%3E")`,
backgroundSize: "60px 103.92px",
}}
/>
+2 -2
View File
@@ -148,8 +148,8 @@ export default function HomePage() {
<div
className="absolute inset-0 opacity-[0.06]"
style={{
backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='194'%3E%3Cpath d='M56 0L112 33.5v67L56 134 0 100.5v-67L56 0z' fill='none' stroke='%23C4856A' stroke-width='0.8'/%3E%3Cpath d='M56 67L112 100.5v67L56 201 0 167.5v-67L56 67z' fill='none' stroke='%23C4856A' stroke-width='0.8'/%3E%3C/svg%3E")`,
backgroundSize: "112px 134px",
backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='103.92'%3E%3Cpolygon points='30,0 60,17.32 60,51.96 30,69.28 0,51.96 0,17.32' fill='none' stroke='%23C4856A' stroke-width='0.8'/%3E%3Cpolygon points='60,51.96 90,69.28 90,103.92 60,121.24 30,103.92 30,69.28' fill='none' stroke='%23C4856A' stroke-width='0.8'/%3E%3C/svg%3E")`,
backgroundSize: "60px 103.92px",
}}
/>
</div>