header: align About dropdown vertically + slow ticker scroll (BEAT 17→50s, FORUM 40→120s)
This commit is contained in:
@@ -30,7 +30,7 @@ export default function AboutDropdown() {
|
|||||||
}, [open]);
|
}, [open]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div ref={wrapRef} className="relative">
|
<div ref={wrapRef} className="relative flex items-stretch">
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
onClick={() => setOpen((v) => !v)}
|
onClick={() => setOpen((v) => !v)}
|
||||||
@@ -38,7 +38,7 @@ export default function AboutDropdown() {
|
|||||||
aria-expanded={open}
|
aria-expanded={open}
|
||||||
className="bb-browse-item gap-1 focus:outline-none focus-visible:ring-1 focus-visible:ring-[#3b82f6]"
|
className="bb-browse-item gap-1 focus:outline-none focus-visible:ring-1 focus-visible:ring-[#3b82f6]"
|
||||||
>
|
>
|
||||||
<span>About</span>
|
<span>ABOUT</span>
|
||||||
<span aria-hidden="true" className="text-[10px]">▾</span>
|
<span aria-hidden="true" className="text-[10px]">▾</span>
|
||||||
</button>
|
</button>
|
||||||
{open && (
|
{open && (
|
||||||
|
|||||||
@@ -112,14 +112,14 @@ export default function DualSpeedTicker() {
|
|||||||
label="BEAT"
|
label="BEAT"
|
||||||
labelColor="#00ff9f"
|
labelColor="#00ff9f"
|
||||||
glowColor="rgba(0,255,159,0.55)"
|
glowColor="rgba(0,255,159,0.55)"
|
||||||
durationSec={17}
|
durationSec={50}
|
||||||
items={beat}
|
items={beat}
|
||||||
/>
|
/>
|
||||||
<Row
|
<Row
|
||||||
label="FORUM"
|
label="FORUM"
|
||||||
labelColor="#00d4ff"
|
labelColor="#00d4ff"
|
||||||
glowColor="rgba(0,212,255,0.55)"
|
glowColor="rgba(0,212,255,0.55)"
|
||||||
durationSec={40}
|
durationSec={120}
|
||||||
items={forum}
|
items={forum}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user