From 3bc3ceb47b5155ec614f95f090e4621e880683cc Mon Sep 17 00:00:00 2001
From: Vadosina <vnechaev888@gmail.com>
Date: Tue, 13 Oct 2026 12:37:13 +0300
Subject: [PATCH] fix(layout): show auth buttons in mobile header

---
 src/components/layout/header.tsx | 44 ++++++++++++++++++--------------
 1 file changed, 25 insertions(+), 19 deletions(-)

diff --git a/src/components/layout/header.tsx b/src/components/layout/header.tsx
index 1fa31bc..b83ef87 100644
--- a/src/components/layout/header.tsx
+++ b/src/components/layout/header.tsx
@@ -44,29 +44,35 @@ export function Header() {
 							className='flex items-center gap-2.5 rounded-lg font-display text-lg font-semibold tracking-tight'
 						>
 							<Logo className='h-7 w-auto' />
-							TeaCoder
+							<span
+								className={cn(
+									!isAuthorized && 'max-[430px]:hidden'
+								)}
+							>
+								TeaCoder
+							</span>
 						</Link>
 						<NavLinks />
 					</div>
-					<div className='flex items-center gap-2'>
-						<div className='hidden items-center md:flex'>
-							{isAuthorized ? (
+					<div className='flex items-center gap-1 sm:gap-2'>
+						{isAuthorized ? (
+							<div className='hidden md:block'>
 								<UserMenu />
-							) : (
-								<div className='flex items-center gap-2'>
-									<Button variant='ghost' size='sm' asChild>
-										<Link href={ROUTES.AUTH.LOGIN()}>
-											Войти
-										</Link>
-									</Button>
-									<Button size='sm' asChild>
-										<Link href={ROUTES.AUTH.REGISTER}>
-											Регистрация
-										</Link>
-									</Button>
-								</div>
-							)}
-						</div>
+							</div>
+						) : (
+							<div className='flex items-center gap-1 sm:gap-2'>
+								<Button variant='ghost' size='sm' asChild>
+									<Link href={ROUTES.AUTH.LOGIN()}>
+										Войти
+									</Link>
+								</Button>
+								<Button size='sm' asChild>
+									<Link href={ROUTES.AUTH.REGISTER}>
+										Регистрация
+									</Link>
+								</Button>
+							</div>
+						)}
 						<div className='md:hidden'>
 							<MobileNav />
 						</div>