wonderlandpark/core
2
1
Fork 0
mirror of https://github.com/koreanbots/core.git synced 2025-12-15 22:10:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: navbar styling on lightmode (#683)

Browse Source
This commit is contained in:
Soyoka 2025-05-26 21:08:29 +09:00 committed by GitHub
parent 74ffad6a18
commit 3af7bd3079
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 16 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
components/Navbar.tsx
View File

@ -51,12 +51,16 @@ const Navbar: React.FC<NavbarProps> = ({ token }) => {
setUserCache(null) setUserCache(null)
} }
}, [token]) }, [token])
return ( return (
<div className='fixed top-0 left-0 right-0 z-50'> <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 transition-colors duration-300 backdrop-blur-sm ${ <nav
dev ? 'bg-discord-blurple dark:bg-discord-black' : 'bg-discord-blurple/30 dark:bg-discord-black/30' 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 ${
} lg:absolute`}> 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='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'> <div className='relative flex w-full justify-between lg:w-auto lg:justify-start'>
<Link <Link
@ -65,19 +69,13 @@ const Navbar: React.FC<NavbarProps> = ({ token }) => {
dev ? 'dark:text-koreanbots-blue ' : '' dev ? 'dark:text-koreanbots-blue ' : ''
}logofont text-large whitespace-no-wrap mr-4 inline-block py-2 font-semibold uppercase leading-relaxed hover:text-gray-300 sm:text-2xl`} }logofont text-large whitespace-no-wrap mr-4 inline-block py-2 font-semibold uppercase leading-relaxed hover:text-gray-300 sm:text-2xl`}
> >
{dev ? ( {dev ? (
<> <>
<i className='fas fa-tools mr-1' /> DEVELOPERS <i className='fas fa-tools mr-1' /> DEVELOPERS
</> </>
) : ( ) : (
<Image <Image src={Logo} alt='Koreanbots' width={100} height={100} className='h-10 w-10' />
src={Logo} )}
alt='Koreanbots'
width={100}
height={100}
className='h-10 w-10'
/>
)}
</Link> </Link>
<button <button
className='block cursor-pointer rounded border border-solid border-transparent bg-transparent px-3 py-1 text-xl leading-none outline-none focus:outline-none dark:text-gray-200 lg:hidden' className='block cursor-pointer rounded border border-solid border-transparent bg-transparent px-3 py-1 text-xl leading-none outline-none focus:outline-none dark:text-gray-200 lg:hidden'