ShanmugaKrishnanSM/RIT-nexus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

revert: undo UI changes from commit 17c981e

Browse Source
This commit is contained in:
Shanmuga Krishnan S M
2026-08-12 13:36:52 +05:30
parent d087827283
commit bce9b544f3
5 changed files with 233 additions and 363 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/Navbar/Navbar.tsx
View File

@@ -58,32 +58,32 @@ export default function Navbar() {
initial={{ y: -100, opacity: 0 }}
animate={{ y: 0, opacity: 1 }}
transition={{ duration: 0.6, ease: 'easeOut' }}
className="fixed top-4 left-1/2 -translate-x-1/2 z-50 w-[96%] max-w-7xl transition-all duration-300 shadow-[0_8px_32px_rgba(0,0,0,0.3)]"
className="fixed top-4 left-1/2 -translate-x-1/2 z-50 w-[95%] max-w-6xl transition-all duration-300 shadow-[0_8px_32px_rgba(0,0,0,0.25)]"
style={{
background: 'linear-gradient(to right, rgba(15, 23, 42, 0.75) 0%, rgba(30, 41, 59, 0.65) 50%, rgba(15, 23, 42, 0.75) 100%)',
background: 'linear-gradient(to right, rgba(15, 23, 42, 0.45) 0%, rgba(30, 41, 59, 0.35) 50%, rgba(15, 23, 42, 0.45) 100%)',
backdropFilter: 'blur(16px)',
WebkitBackdropFilter: 'blur(16px)',
borderRadius: '20px',
border: '1px solid rgba(255, 255, 255, 0.15)',
border: '1px solid rgba(255, 255, 255, 0.1)',
}}
>
<div className="flex items-center justify-between px-3.5 sm:px-5 py-2">
<div className="flex items-center justify-between px-5 py-2.5">
{/* Logo - RIT Event Hub Style */}
<a href="/" className="flex items-center gap-2 group shrink-0">
<a href="/" className="flex items-center gap-2 group">
{/* Logo Image */}
<motion.img
whileHover={{ scale: 1.05 }}
src="/logo.png"
alt="RIT Logo"
className="w-9 h-9 sm:w-10 sm:h-10 object-contain rounded-full shrink-0"
className="w-10 h-10 object-contain rounded-full shrink-0"
/>
<div className="flex items-center">
<span className="font-extrabold text-white text-xl sm:text-2xl tracking-tighter" style={{ fontFamily: 'Poppins, sans-serif' }}>
<span className="font-extrabold text-white text-2xl tracking-tighter" style={{ fontFamily: 'Poppins, sans-serif' }}>
rit
</span>
<div className="h-6 sm:h-7 w-[1px] bg-white/20 mx-1.5 sm:mx-2" />
<div className="hidden sm:flex flex-col text-[8px] sm:text-[8.5px] font-bold text-slate-200 leading-tight tracking-wider" style={{ fontFamily: 'Inter, sans-serif' }}>
<div className="h-7 w-[1px] bg-white/20 mx-2" />
<div className="flex flex-col text-[8.5px] font-bold text-slate-200 leading-tight tracking-wider" style={{ fontFamily: 'Inter, sans-serif' }}>
<span>RAJALAKSHMI</span>
<span>INSTITUTE OF</span>
<span>TECHNOLOGY</span>
@@ -92,14 +92,14 @@ export default function Navbar() {
</a>
{/* Desktop Nav */}
<div className="hidden lg:flex items-center gap-0.5 xl:gap-1">
<div className="hidden md:flex items-center gap-1">
{NAV_LINKS.map((link) => {
const isActive = checkIsActive(link.path);
return (
<Link
key={link.path}
to={link.path}
className="relative px-2 xl:px-2.5 py-1.5 rounded-lg text-[10px] xl:text-[11px] font-bold uppercase tracking-wider transition-all duration-200"
className="relative px-1.5 lg:px-2.5 xl:px-3.5 py-1.5 rounded-lg text-[10px] lg:text-[11px] xl:text-xs font-semibold uppercase tracking-wider transition-all duration-200"
style={{
fontFamily: 'Poppins, sans-serif',
color: isActive ? '#FFFFFF' : '#CBD5E1',
@@ -120,7 +120,7 @@ export default function Navbar() {
</div>
{/* Right Side: Auth + Mobile Toggle */}
<div className="flex items-center gap-2 shrink-0">
<div className="flex items-center gap-2">
{/* Auth Section */}
{isAuthenticated && user ? (
<div className="relative" ref={profileRef}>
@@ -140,8 +140,8 @@ export default function Navbar() {
{user.name.charAt(0).toUpperCase()}
</div>
)}
<div className="hidden xl:flex flex-col items-start">
<span className="text-white text-[11px] font-semibold leading-tight max-w-[90px] truncate">
<div className="hidden lg:flex flex-col items-start">
<span className="text-white text-[11px] font-semibold leading-tight max-w-[100px] truncate">
{user.name.split(' ')[0]}
</span>
{isVerifiedStudent && (
@@ -150,7 +150,7 @@ export default function Navbar() {
</span>
)}
</div>
<ChevronDown className="w-3 h-3 text-slate-400 hidden xl:block" />
<ChevronDown className="w-3 h-3 text-slate-400 hidden lg:block" />
</button>
{/* Profile Dropdown */}
@@ -213,10 +213,10 @@ export default function Navbar() {
</div>
) : (
<motion.button
whileHover={{ scale: 1.05 }}
whileTap={{ scale: 0.95 }}
whileHover={{ scale: 1.03 }}
whileTap={{ scale: 0.97 }}
onClick={loginWithGoogle}
className="flex items-center gap-1.5 px-3.5 py-1.5 rounded-xl text-white text-xs font-bold bg-gradient-to-r from-orange-500 to-amber-500 hover:from-orange-600 hover:to-amber-600 shadow-md shadow-orange-500/25 border border-orange-400/40 transition-all cursor-pointer shrink-0"
className="hidden md:flex items-center gap-2 px-4 py-2 rounded-xl text-white text-[11px] font-semibold border border-white/15 hover:border-orange-500/40 hover:bg-white/5 transition-all cursor-pointer"
style={{ fontFamily: 'Poppins, sans-serif' }}
>
<LogIn className="w-3.5 h-3.5" />