Polish static UI flows

2026-05-28 12:29:12 +08:00
parent 5edfa05369
commit bbe29622c2
45 changed files with 2187 additions and 813 deletions
@@ -0,0 +1,38 @@
+export default function GridBg() {
+  return (
+    <>
+      <div className="grid-bg" aria-hidden />
+      <pre className="scatter" style={{ top: 96, left: 280 }} aria-hidden>
+{`  · ·  +
+ ·  +XX+
+  +XXXX·
+   +X·  `}
+      </pre>
+      <pre className="scatter" style={{ top: 340, right: 96 }} aria-hidden>
+{`+   ·  ·
+ XX· ·
+·XXXX·+
+ ·++·  `}
+      </pre>
+      <pre className="scatter" style={{ bottom: 160, left: "42%" }} aria-hidden>
+{` ·    +
+·XX·
+ ·X+ ·
+   ·   `}
+      </pre>
+      <pre className="scatter" style={{ top: 580, left: 60 }} aria-hidden>
+{`  +X·
+ ·XX·
+·X·+`}
+      </pre>
+      <span className="sq" style={{ top: 238, left: 478 }} aria-hidden />
+      <span className="sq" style={{ top: 478, left: 1198 }} aria-hidden />
+      <span className="sq" style={{ bottom: 300, left: 238 }} aria-hidden />
+      <span className="sq" style={{ top: 718, right: 240 }} aria-hidden />
+      <span className="corner-tag" style={{ top: 158, left: 34 }} aria-hidden>[ 200 OK ]</span>
+      <span className="corner-tag" style={{ top: 158, right: 34 }} aria-hidden>[ /v2 ]</span>
+      <span className="corner-tag" style={{ bottom: 36, left: 34 }} aria-hidden>[ .MP4 · 9:16 ]</span>
+      <span className="corner-tag" style={{ bottom: 36, right: 34 }} aria-hidden>[ STUDIO ]</span>
+    </>
+  );
+}