Álvaro Valenzuela Valdes commited on
Commit
351fa49
·
1 Parent(s): 36b89a1

style: Final glassmorphism polish for auto-hiding sidebar

Browse files
Files changed (1) hide show
  1. frontend/components/Sidebar.tsx +1 -1
frontend/components/Sidebar.tsx CHANGED
@@ -45,7 +45,7 @@ export default function Sidebar({ tabs, activeTab, onTabSelect, status, lang }:
45
  <aside
46
  onMouseEnter={() => setIsExpanded(true)}
47
  onMouseLeave={() => setIsExpanded(false)}
48
- className={`glass-card rounded-3xl h-[calc(100vh-3rem)] sticky top-6 p-4 flex flex-col gap-8 transition-all duration-500 ease-in-out z-50 ${isExpanded ? 'w-72' : 'w-[84px] shadow-none border-white/5'}`}
49
  >
50
  <div className={`flex items-center gap-3 px-2 transition-all duration-300 ${isExpanded ? 'justify-start' : 'justify-center'}`}>
51
  <div className="w-10 h-10 premium-gradient rounded-xl flex-shrink-0 flex items-center justify-center shadow-lg shadow-purple-500/20">
 
45
  <aside
46
  onMouseEnter={() => setIsExpanded(true)}
47
  onMouseLeave={() => setIsExpanded(false)}
48
+ className={`glass-card rounded-3xl h-[calc(100vh-3rem)] sticky top-6 p-4 flex flex-col gap-8 transition-all duration-500 ease-in-out z-50 border-white/10 ${isExpanded ? 'w-72 shadow-2xl shadow-purple-500/10 bg-black/60' : 'w-[84px] shadow-none border-white/5 bg-white/[0.02]'}`}
49
  >
50
  <div className={`flex items-center gap-3 px-2 transition-all duration-300 ${isExpanded ? 'justify-start' : 'justify-center'}`}>
51
  <div className="w-10 h-10 premium-gradient rounded-xl flex-shrink-0 flex items-center justify-center shadow-lg shadow-purple-500/20">