sidney
/
agendapro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: resolver especificidade do CSS do menu lateral (alinhar a esquerda) e ajustar todos os botoes no tema claro
Build and Deploy (Gitea Actions) / build-and-deploy (push) Successful in 2m39s Details

This commit is contained in:
Sidney 2026-07-19 22:15:16 -03:00
parent 2e22c112d3
commit dfe35e9acc
1 changed files with 133 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

147
src/app/globals.css
View File

@ -164,9 +164,10 @@ body {
} }
.nav-item { .nav-item {
display: flex; display: flex !important;
align-items: center; align-items: center !important;
justify-content: flex-start; justify-content: flex-start !important;
text-align: left !important;
gap: 12px; gap: 12px;
padding: 10px 12px; padding: 10px 12px;
border-radius: var(--radius-sm); border-radius: var(--radius-sm);
@ -179,7 +180,11 @@ body {
border: none; border: none;
background: none; background: none;
width: 100%; width: 100%;
text-align: left; }
.sidebar .nav-item {
justify-content: flex-start !important;
text-align: left !important;
} }
.nav-item:hover { .nav-item:hover {
@ -220,7 +225,7 @@ body {
} }
.sidebar.collapsed .nav-item { .sidebar.collapsed .nav-item {
justify-content: center; justify-content: center !important;
padding: 12px; padding: 12px;
} }
@ -384,7 +389,7 @@ body {
.stat-change.up { color: var(--success); } .stat-change.up { color: var(--success); }
.stat-change.down { color: var(--danger); } .stat-change.down { color: var(--danger); }
.btn, button:not(.tab):not(.toggle) { .btn, button:not(.tab):not(.toggle):not(.nav-item) {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -1204,22 +1209,22 @@ tr:hover td { background: var(--bg-card-hover); }
} }
[data-theme="light"] .topbar { [data-theme="light"] .topbar {
background: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.95);
border-bottom: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0;
} }
[data-theme="light"] .nav-item { [data-theme="light"] .nav-item {
color: #475569; color: #475569 !important;
} }
[data-theme="light"] .nav-item:hover { [data-theme="light"] .nav-item:hover {
background: #f1f5f9; background: #f1f5f9 !important;
color: #0f172a; color: #0f172a !important;
} }
[data-theme="light"] .nav-item.active { [data-theme="light"] .nav-item.active {
background: rgba(108, 99, 255, 0.12); background: rgba(108, 99, 255, 0.12) !important;
color: #6C63FF; color: #6C63FF !important;
} }
[data-theme="light"] .card { [data-theme="light"] .card {
@ -1228,8 +1233,122 @@ tr:hover td { background: var(--bg-card-hover); }
box-shadow: 0 1px 4px rgba(0,0,0,0.05); box-shadow: 0 1px 4px rgba(0,0,0,0.05);
} }
[data-theme="light"] .form-input, [data-theme="light"] .form-select { [data-theme="light"] .form-input, [data-theme="light"] .form-select, [data-theme="light"] .form-textarea {
background: #f8fafc; background: #ffffff;
border-color: #cbd5e1; border-color: #cbd5e1;
color: #0f172a; color: #0f172a;
} }
[data-theme="light"] .btn-primary {
background: #6C63FF !important;
color: #ffffff !important;
}
[data-theme="light"] .btn-primary:hover {
background: #5a52e0 !important;
color: #ffffff !important;
}
[data-theme="light"] .btn-secondary {
background: #f1f5f9 !important;
color: #0f172a !important;
border: 1px solid #cbd5e1 !important;
}
[data-theme="light"] .btn-secondary:hover {
background: #e2e8f0 !important;
color: #0f172a !important;
border-color: #94a3b8 !important;
}
[data-theme="light"] .btn-ghost {
background: transparent !important;
color: #475569 !important;
border: 1px solid transparent !important;
}
[data-theme="light"] .btn-ghost:hover {
background: #f1f5f9 !important;
color: #0f172a !important;
border-color: #cbd5e1 !important;
}
[data-theme="light"] .btn-danger {
background: #fee2e2 !important;
color: #dc2626 !important;
border: 1px solid #fca5a5 !important;
}
[data-theme="light"] .btn-danger:hover {
background: #dc2626 !important;
color: #ffffff !important;
}
[data-theme="light"] .view-mode-selector {
background: #f1f5f9;
border-color: #cbd5e1;
}
[data-theme="light"] .view-mode-btn {
color: #475569 !important;
}
[data-theme="light"] .view-mode-btn:hover {
color: #0f172a !important;
background: #e2e8f0 !important;
}
[data-theme="light"] .view-mode-btn.active {
background: #6C63FF !important;
color: #ffffff !important;
}
[data-theme="light"] .desktop-collapse-btn {
color: #475569 !important;
}
[data-theme="light"] .desktop-collapse-btn:hover {
color: #0f172a !important;
background: #f1f5f9 !important;
}
[data-theme="light"] .tabs {
border-bottom-color: #e2e8f0;
}
[data-theme="light"] .tab {
color: #475569;
}
[data-theme="light"] .tab:hover {
color: #0f172a;
}
[data-theme="light"] .tab.active {
color: #6C63FF;
}
[data-theme="light"] table th {
background: #f8fafc;
color: #475569;
border-bottom-color: #e2e8f0;
}
[data-theme="light"] table td {
border-bottom-color: #e2e8f0;
color: #0f172a;
}
[data-theme="light"] table tr:hover td {
background: #f1f5f9;
}
[data-theme="light"] .modal {
background: #ffffff;
border-color: #e2e8f0;
box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}
[data-theme="light"] .modal-header, [data-theme="light"] .modal-footer {
border-color: #e2e8f0;
}