m1guelmcf/riseup-squad21
1
0
Fork 0
forked from RiseUP/riseup-squad21
Code Pull Requests Activity

Correção da Siderbar

Browse Source
This commit is contained in:
GagoDuBroca 2025-12-01 20:59:41 -03:00
parent 24179c550e
commit ebd40eecc2
1 changed files with 26 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
components/Sidebar.tsx
View File

@ -262,7 +262,7 @@ export default function Sidebar({ children }: SidebarProps) {
</div> </div>
{/* MENU */} {/* MENU */}
<nav className="flex-1 p-3 overflow-y-auto"> <nav className="flex-1 px-3 py-6 overflow-y-auto flex flex-col gap-2">
{menuItems.map((item) => { {menuItems.map((item) => {
const Icon = item.icon; const Icon = item.icon;
const isActive = pathname === item.href; const isActive = pathname === item.href;
@ -271,7 +271,7 @@ export default function Sidebar({ children }: SidebarProps) {
<Link key={item.label} href={item.href}> <Link key={item.label} href={item.href}>
<div <div
className={` className={`
flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors flex items-center gap-3 px-3 py-2 rounded-lg transition-colors
${ ${
isActive isActive
? `${isDefaultMode ? "bg-white/20 text-white font-semibold" : "bg-sidebar-primary text-sidebar-primary-foreground font-semibold"}` ? `${isDefaultMode ? "bg-white/20 text-white font-semibold" : "bg-sidebar-primary text-sidebar-primary-foreground font-semibold"}`
@ -289,8 +289,15 @@ export default function Sidebar({ children }: SidebarProps) {
})} })}
</nav> </nav>
{/* PERFIL ORIGINAL + NOME BRANCO */} {/* PERFIL ORIGINAL + NOME BRANCO - CORREÇÃO DE ALINHAMENTO AQUI */}
<div className={`mt-auto p-3 border-t ${isDefaultMode ? "border-white/10" : "border-sidebar-border"}`}> <div
className={`
mt-auto p-3 border-t
${isDefaultMode ? "border-white/10" : "border-sidebar-border"}
flex flex-col
${sidebarCollapsed ? "items-center justify-center" : "items-stretch"}
`}
>
<SidebarUserSection <SidebarUserSection
userData={userData} userData={userData}
sidebarCollapsed={sidebarCollapsed} sidebarCollapsed={sidebarCollapsed}