Template
Improve mobile navigation, responsive layout, and theme styling
This commit is contained in:
@@ -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" />
|
||||
</>
|
||||
)}
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user