admin/honeyDueWeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Replace square grid with honeycomb pattern to match app icon

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Trey t
2026-03-07 10:25:38 -06:00
parent 9fecb7b4d8
commit cf9a1de385
2 changed files with 8 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/(auth)/layout.tsx
+4 -5
View File
@@ -12,13 +12,12 @@ export default function AuthLayout({ children }: { children: React.ReactNode })
<div className="absolute top-0 right-0 w-80 h-80 rounded-full bg-[#6B8F71]/15 blur-[100px] pointer-events-none" /> <div className="absolute top-0 right-0 w-80 h-80 rounded-full bg-[#6B8F71]/15 blur-[100px] pointer-events-none" />
<div className="absolute bottom-0 left-0 w-64 h-64 rounded-full bg-[#C4856A]/10 blur-[80px] pointer-events-none" /> <div className="absolute bottom-0 left-0 w-64 h-64 rounded-full bg-[#C4856A]/10 blur-[80px] pointer-events-none" />
{/* Subtle grid */} {/* Subtle honeycomb pattern */}
<div <div
className="absolute inset-0 opacity-[0.03]" className="absolute inset-0 opacity-[0.08]"
style={{ style={{
backgroundImage: 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")`,
"linear-gradient(rgba(255,255,255,0.5) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.5) 1px, transparent 1px)", backgroundSize: "112px 134px",
backgroundSize: "48px 48px",
}} }}
/> />
src/app/page.tsx
+4 -5
View File
@@ -144,13 +144,12 @@ export default function HomePage() {
<div className="absolute inset-0 pointer-events-none"> <div className="absolute inset-0 pointer-events-none">
<div className="absolute top-20 right-[-10%] w-[600px] h-[600px] rounded-full bg-[#6B8F71]/[0.04] blur-3xl" /> <div className="absolute top-20 right-[-10%] w-[600px] h-[600px] rounded-full bg-[#6B8F71]/[0.04] blur-3xl" />
<div className="absolute bottom-0 left-[-5%] w-[400px] h-[400px] rounded-full bg-[#C4856A]/[0.03] blur-3xl" /> <div className="absolute bottom-0 left-[-5%] w-[400px] h-[400px] rounded-full bg-[#C4856A]/[0.03] blur-3xl" />
{/* Subtle grid pattern */} {/* Subtle honeycomb pattern */}
<div <div
className="absolute inset-0 opacity-[0.03]" className="absolute inset-0 opacity-[0.06]"
style={{ style={{
backgroundImage: 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")`,
"linear-gradient(#2D3436 1px, transparent 1px), linear-gradient(90deg, #2D3436 1px, transparent 1px)", backgroundSize: "112px 134px",
backgroundSize: "64px 64px",
}} }}
/> />
</div> </div>