jb/paseo
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(website): stack header vertically on mobile to prevent overflow

Browse Source
This commit is contained in:
Mohamed Boudra
2026-04-04 21:06:35 +07:00
parent 16efdb2c95
commit 3110bae209
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/website/src/components/site-header.tsx
+2 -2
View File
@@ -2,12 +2,12 @@ import "~/styles.css";
export function SiteHeader() { export function SiteHeader() {
return ( return (
<header className="flex items-center justify-between gap-4"> <header className="flex flex-col items-center gap-4 md:flex-row md:justify-between">
<a href="/" className="flex items-center gap-3"> <a href="/" className="flex items-center gap-3">
<img src="/logo.svg" alt="Paseo" className="w-6 h-6" /> <img src="/logo.svg" alt="Paseo" className="w-6 h-6" />
<span className="text-lg font-medium">Paseo</span> <span className="text-lg font-medium">Paseo</span>
</a> </a>
<div className="flex items-center gap-4"> <div className="flex flex-wrap items-center justify-center gap-4">
<a <a
href="/blog" href="/blog"
className="text-sm text-muted-foreground hover:text-foreground transition-colors" className="text-sm text-muted-foreground hover:text-foreground transition-colors"