mirror of
https://github.com/koreanbots/core.git
synced 2025-12-15 22:10:24 +00:00
fix: navbar styling on lightmode (#683)
This commit is contained in:
parent
74ffad6a18
commit
3af7bd3079
@ -53,10 +53,14 @@ const Navbar: React.FC<NavbarProps> = ({ token }) => {
|
||||
}, [token])
|
||||
|
||||
return (
|
||||
<div className='fixed top-0 left-0 right-0 z-50'>
|
||||
<nav className={`fixed top-0 z-40 flex w-full flex-wrap items-center justify-between px-2 py-2 text-gray-100 transition-colors duration-300 backdrop-blur-sm ${
|
||||
dev ? 'bg-discord-blurple dark:bg-discord-black' : 'bg-discord-blurple/30 dark:bg-discord-black/30'
|
||||
} lg:absolute`}>
|
||||
<div className='fixed left-0 right-0 top-0 z-50'>
|
||||
<nav
|
||||
className={`fixed top-0 z-40 flex w-full flex-wrap items-center justify-between px-2 py-2 text-gray-100 backdrop-blur-sm transition-colors duration-300 ${
|
||||
dev
|
||||
? 'bg-discord-blurple dark:bg-discord-black'
|
||||
: 'bg-discord-blurple/90 dark:bg-discord-black/30'
|
||||
} lg:absolute`}
|
||||
>
|
||||
<div className='container mx-auto flex flex-wrap items-center justify-between px-4'>
|
||||
<div className='relative flex w-full justify-between lg:w-auto lg:justify-start'>
|
||||
<Link
|
||||
@ -70,13 +74,7 @@ const Navbar: React.FC<NavbarProps> = ({ token }) => {
|
||||
<i className='fas fa-tools mr-1' /> DEVELOPERS
|
||||
</>
|
||||
) : (
|
||||
<Image
|
||||
src={Logo}
|
||||
alt='Koreanbots'
|
||||
width={100}
|
||||
height={100}
|
||||
className='h-10 w-10'
|
||||
/>
|
||||
<Image src={Logo} alt='Koreanbots' width={100} height={100} className='h-10 w-10' />
|
||||
)}
|
||||
</Link>
|
||||
<button
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user