mirror of
https://github.com/Radiquum/AniX.git
synced 2025-05-01 02:19:41 +05:00
refactor: change mobile icons spacing in navbar
This commit is contained in:
parent
1990e5434c
commit
fc8fe97da7
2 changed files with 3 additions and 293 deletions
|
@ -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={
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue