Improve mobile navigation, responsive layout, and theme styling

This commit is contained in:
Rami Bitar
2026-09-16 12:09:39 -04:00
parent f9550116d7
commit 55ae7f2e42
10 changed files with 187 additions and 31 deletions
+17 -5
View File
@@ -1,10 +1,22 @@
export function FrameCrosses() {
export function FrameCrosses({
edges = "all",
}: {
edges?: "all" | "top" | "bottom"
}) {
return (
<>
<span className="frame-cross left-0 top-0" aria-hidden="true" />
<span className="frame-cross right-0 top-0" aria-hidden="true" />
<span className="frame-cross bottom-0 left-0" aria-hidden="true" />
<span className="frame-cross bottom-0 right-0" aria-hidden="true" />
{edges !== "bottom" && (
<>
<span className="frame-cross left-0 top-0" aria-hidden="true" />
<span className="frame-cross right-0 top-0" aria-hidden="true" />
</>
)}
{edges !== "top" && (
<>
<span className="frame-cross bottom-0 left-0" aria-hidden="true" />
<span className="frame-cross bottom-0 right-0" aria-hidden="true" />
</>
)}
</>
)
}