fix: restaurar estilos do sidebar e remover botao fechar
Build and Deploy (Gitea Actions) / build-and-deploy (push) Successful in 2m40s Details

This commit is contained in:
Sidney 2026-07-19 21:47:08 -03:00
parent 70c1b8cb19
commit fb51caa888
2 changed files with 73 additions and 3 deletions

View File

@ -126,6 +126,79 @@ body {
text-decoration: none; text-decoration: none;
} }
.logo-icon {
width: 40px;
height: 40px;
background: var(--gradient-primary);
border-radius: var(--radius-md);
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: white;
box-shadow: var(--shadow-glow);
}
.logo-text {
font-size: 20px;
font-weight: 800;
background: var(--gradient-primary);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
letter-spacing: -0.5px;
}
.sidebar-nav {
flex: 1;
padding: 16px 12px;
overflow-y: auto;
}
.nav-section-title {
font-size: 11px;
font-weight: 700;
color: var(--text-muted);
text-transform: uppercase;
letter-spacing: 1.2px;
padding: 16px 12px 8px;
}
.nav-item {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 12px;
border-radius: var(--radius-sm);
color: var(--text-secondary);
text-decoration: none;
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: all 0.2s ease;
border: none;
background: none;
width: 100%;
text-align: left;
}
.nav-item:hover {
background: rgba(255, 255, 255, 0.08);
color: var(--text-primary);
}
.nav-item.active {
background: var(--accent-glow);
color: var(--accent);
font-weight: 600;
}
.nav-item svg { width: 20px; height: 20px; flex-shrink: 0; }
.sidebar-footer {
padding: 16px;
border-top: 1px solid var(--border-color);
}
.desktop-collapse-btn { .desktop-collapse-btn {
color: var(--text-secondary); color: var(--text-secondary);
} }

View File

@ -65,9 +65,6 @@ export default function Sidebar({ currentPage, onNavigate, isOpen, onClose, curr
{isCollapsed ? <PanelLeftOpen size={18} /> : <PanelLeftClose size={18} />} {isCollapsed ? <PanelLeftOpen size={18} /> : <PanelLeftClose size={18} />}
</button> </button>
)} )}
<button type="button" className="btn-ghost btn-icon mobile-close-btn" onClick={onClose}>
<X size={20} />
</button>
</div> </div>
<nav className="sidebar-nav"> <nav className="sidebar-nav">