Retro Bulletin Board Systems on atproto. Web app and TUI.
lazy mirror of alyraffauf/atbbs
atbbs.xyz
forums
python
tui
atproto
bbs
web/Layout: cleanup mobile navbar
+7
-7
+7
-7
web/src/components/Layout.tsx
+7
-7
web/src/components/Layout.tsx
···
33
33
<header className="border-b border-neutral-800">
34
34
<div className="max-w-2xl mx-auto px-4 py-3 flex items-center justify-between">
35
35
{/* Desktop: logo + breadcrumbs inline */}
36
-
<div className="hidden sm:flex items-center gap-2 text-neutral-500 overflow-x-auto whitespace-nowrap">
36
+
<div className="hidden md:flex items-center gap-2 text-neutral-500 min-w-0 whitespace-nowrap">
37
37
<Logo />
38
38
<HeaderBreadcrumbs />
39
39
</div>
40
-
{/* Mobile: logo only */}
41
-
<div className="sm:hidden">
40
+
{/* Mobile/tablet: logo only */}
41
+
<div className="md:hidden">
42
42
<Logo />
43
43
</div>
44
44
{/* Desktop: inline links */}
45
-
<div className="hidden sm:flex items-center gap-3">
45
+
<div className="hidden md:flex items-center gap-3 shrink-0 ml-4">
46
46
{user ? (
47
47
<>
48
48
<Link
···
120
120
const [open, setOpen] = useState(false);
121
121
122
122
return (
123
-
<div className="sm:hidden relative">
123
+
<div className="md:hidden relative">
124
124
<button
125
125
type="button"
126
126
onClick={() => setOpen(!open)}
···
130
130
{open ? "✕" : "☰"}
131
131
</button>
132
132
{open && (
133
-
<div className="fixed inset-0 top-[49px] bg-neutral-950/95 z-50 flex flex-col items-center pt-12 gap-6 text-lg">
133
+
<div className="z-50 fixed inset-0 top-[49px] bg-neutral-950/95 flex flex-col items-center pt-12 gap-6 text-lg sm:absolute sm:inset-auto sm:right-0 sm:top-full sm:mt-2 sm:bg-neutral-900 sm:border sm:border-neutral-800 sm:rounded sm:py-2 sm:px-4 sm:gap-2 sm:text-sm sm:pt-0 sm:min-w-40">
134
134
{user ? (
135
135
<>
136
136
<Link
···
192
192
return (
193
193
<Link
194
194
to={parent.to}
195
-
className="sm:hidden inline-block mb-6 px-3 py-1.5 bg-neutral-800 hover:bg-neutral-700 text-neutral-300 rounded text-xs"
195
+
className="md:hidden inline-block mb-6 px-3 py-1.5 bg-neutral-800 hover:bg-neutral-700 text-neutral-300 rounded text-xs"
196
196
>
197
197
← {parent.label}
198
198
</Link>