Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-04-07 00:34:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

fix, style: navbar items overflow

Browse source
This commit is contained in:
Kentai Radiquum 2024-08-18 11:39:51 +05:00
parent 06402cb398
commit a68735878e
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/components/Navbar/Navbar.tsx
View file

@ -77,14 +77,14 @@ export const Navbar = () => {
return ( return (
<> <>
<header className="fixed bottom-0 left-0 z-50 w-full text-white bg-black sm:sticky sm:top-0"> <header className="fixed bottom-0 left-0 z-50 w-full text-white bg-black sm:sticky sm:top-0">
<div className="container flex items-center justify-center gap-4 px-4 py-4 mx-auto md:justify-between md:gap-0"> <div className="container flex items-center justify-center gap-4 px-4 py-4 mx-auto lg:justify-between lg:gap-0">
<nav className="flex gap-4"> <nav className="flex gap-4">
{navLinks.map((link) => { {navLinks.map((link) => {
return ( return (
<Link <Link
key={link.id} key={link.id}
href={link.href} href={link.href}
className={`flex-col items-center sm:flex-row ${ className={`flex-col items-center lg:flex-row ${
link.withAuthOnly && !userStore.isAuth link.withAuthOnly && !userStore.isAuth
? "hidden" ? "hidden"
: link.mobileMenu : link.mobileMenu
@ -109,7 +109,7 @@ export const Navbar = () => {
})} })}
</nav> </nav>
{userStore.isAuth ? ( {userStore.isAuth ? (
<div className="flex flex-col items-center justify-end text-sm sm:gap-1 sm:justify-center sm:flex-row sm:text-base"> <div className="flex flex-col items-center justify-end text-sm lg:gap-1 lg:justify-center lg:flex-row lg:text-base">
<img <img
src={userStore.user.avatar} src={userStore.user.avatar}
alt="" alt=""