Skip to content

fix(UI): 窄屏下的水平滚动和顶部元素遮挡问题 #314

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
longsizhuo merged 1 commit into from
Apr 19, 2026
Merged

fix(UI): 窄屏下的水平滚动和顶部元素遮挡问题 #314

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion app/components/BrandMark.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,7 @@ export function BrandMark({
</div>
<span
className={cn(
"font-serif font-black text-2xl tracking-tighter uppercase italic",
"hidden font-serif font-black text-2xl tracking-tighter uppercase italic [@media(min-width:410px)]:inline",
textClassName,
)}
>
Expand Down
14 changes: 8 additions & 6 deletions app/components/DispatchNetwork.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,10 +16,12 @@ export function DispatchNetwork() {
<div className="container mx-auto px-6">
<div className="flex items-center justify-between gap-4 py-3 font-mono text-[11px] uppercase tracking-[0.25em] text-[var(--foreground)] md:text-xs">
{/* 左：栏目标签 */}
<span className="font-bold whitespace-nowrap">
<span className="font-bold whitespace-nowrap invisible [@media(min-width:400px)]:visible">
Dispatch Network
<span className="mx-2 hidden text-neutral-400 md:inline">·</span>
<span className="hidden font-normal text-neutral-500 md:inline">
<span className="mx-2 hidden text-neutral-400 [@media(min-width:1024px)]:inline">
·
</span>
<span className="hidden font-normal text-neutral-500 [@media(min-width:1024px)]:inline">
Sec. Net-01
</span>
</span>
Expand All @@ -36,7 +38,7 @@ export function DispatchNetwork() {
data-umami-event-location="dispatch_network"
>
<GithubIcon className="h-3.5 w-3.5" />
<span>GitHub</span>
<span className="hidden sm:inline">GitHub</span>
</Link>
<span className="text-neutral-400">·</span>
<Link
Expand All @@ -49,7 +51,7 @@ export function DispatchNetwork() {
data-umami-event-location="dispatch_network"
>
<MessageCircle className="h-3.5 w-3.5" />
<span>Discord</span>
<span className="hidden sm:inline">Discord</span>
</Link>
<span className="text-neutral-400">·</span>
<Link
Expand All @@ -62,7 +64,7 @@ export function DispatchNetwork() {
data-umami-event-location="dispatch_network"
>
<BookMarked className="h-3.5 w-3.5" />
<span>Zotero</span>
<span className="hidden sm:inline">Zotero</span>
</Link>
</nav>

Expand Down
2 changes: 1 addition & 1 deletion app/components/Hero.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@ export async function Hero() {
</div>

<div className="grid grid-cols-1 lg:grid-cols-12 gap-8 items-start">
<div className="lg:col-span-8 border-r border-[var(--foreground)] pr-8 min-h-[400px] transition-colors duration-300">
<div className="lg:col-span-8 [@media(min-width:410px)]:border-r border-[var(--foreground)] pr-8 min-h-[400px] transition-colors duration-300">
<h1 className="text-6xl md:text-8xl lg:text-[8rem] font-serif font-black leading-[0.85] tracking-tighter mb-8 uppercase italic text-[var(--foreground)]">
Involution <br /> Hell
</h1>
Expand Down
Loading