refactor: change mobile icons spacing in navbar

This commit is contained in:
Kentai Radiquum 2025-03-22 19:06:12 +05:00
parent 1990e5434c
commit fc8fe97da7
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
2 changed files with 3 additions and 293 deletions

View file

@ -87,8 +87,8 @@ export const Navbar = () => {
return (
<>
<header className="fixed bottom-0 left-0 z-50 w-full text-white bg-black rounded-t-lg sm:sticky sm:top-0 sm:rounded-t-none sm:rounded-b-lg">
<div className="container flex items-center justify-center mx-auto sm:justify-between">
<div className="flex items-center gap-4 px-2 py-4">
<div className="container flex items-center justify-center gap-4 mx-auto sm:gap-0 sm:justify-between">
<div className="flex items-center gap-8 px-2 py-4 sm:gap-4">
{menuItems.map((item) => {
return (
<Link
@ -112,7 +112,7 @@ export const Navbar = () => {
);
})}
</div>
<div className="flex items-center gap-4 px-2 py-4">
<div className="flex items-center gap-8 px-2 py-4 sm:gap-4">
{!userStore.isAuth ?
<Link
href={