mgonzalez/project.linkedcorp.net
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: duplica el tamaño del logo (sidebar y login)

Browse Source 
nav-logo-full 26px->52px, nav-logo-icon (modo compacto) 28px->56px, y
login-logo-img 40px->80px. Se ajusta el alto de nav-header/topbar (52->84px)
y el ancho del riel compacto (56->80px) para que el logo mas grande entre
sin recortarse y las lineas de header/topbar sigan alineadas.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Milton Gonzalez
2026-09-05 22:22:56 -05:00
parent 7f4acb44e7
commit 286dfda6df
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles/app.css
+6 -6
View File
@@ -45,15 +45,15 @@ button { font-family: inherit; }
display: flex; flex-direction: column; display: flex; flex-direction: column;
transition: width .15s ease; transition: width .15s ease;
} }
.nav-view.compact { width: 56px; } .nav-view.compact { width: 80px; }
.nav-view.hidden { width: 0; overflow: hidden; border-right: none; } .nav-view.hidden { width: 0; overflow: hidden; border-right: none; }
.nav-header { .nav-header {
display: flex; align-items: center; gap: 10px; display: flex; align-items: center; gap: 10px;
padding: 14px 12px; border-bottom: 1px solid rgb(var(--line)); padding: 14px 12px; border-bottom: 1px solid rgb(var(--line));
min-height: 56px; min-height: 84px;
} }
.nav-logo-icon { width: 28px; height: 28px; flex: none; object-fit: contain; } .nav-logo-icon { width: 56px; height: 56px; flex: none; object-fit: contain; }
.nav-logo-full { height: 26px; width: auto; max-width: 100%; object-fit: contain; } .nav-logo-full { height: 52px; width: auto; max-width: 100%; object-fit: contain; }
.nav-items { flex: 1; overflow-y: auto; padding: 8px; display: flex; flex-direction: column; gap: 2px; } .nav-items { flex: 1; overflow-y: auto; padding: 8px; display: flex; flex-direction: column; gap: 2px; }
.nav-item { .nav-item {
display: flex; align-items: center; gap: 12px; display: flex; align-items: center; gap: 12px;
@@ -69,7 +69,7 @@ button { font-family: inherit; }
.content-column { flex: 1; display: flex; flex-direction: column; min-width: 0; } .content-column { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.topbar { .topbar {
height: 52px; flex: none; display: flex; align-items: center; justify-content: space-between; height: 84px; flex: none; display: flex; align-items: center; justify-content: space-between;
padding: 0 16px; border-bottom: 1px solid rgb(var(--line)); background: rgb(var(--surface)); padding: 0 16px; border-bottom: 1px solid rgb(var(--line)); background: rgb(var(--surface));
gap: 12px; gap: 12px;
} }
@@ -254,7 +254,7 @@ table.list-table { width: 100%; border-collapse: collapse; font-size: .8rem; }
.login-shell { height: 100vh; display: flex; align-items: center; justify-content: center; background: rgb(var(--canvas)); } .login-shell { height: 100vh; display: flex; align-items: center; justify-content: center; background: rgb(var(--canvas)); }
.login-card { width: 340px; max-width: 92vw; background: rgb(var(--surface)); border: 1px solid rgb(var(--line)); border-radius: var(--r-lg); padding: 28px; } .login-card { width: 340px; max-width: 92vw; background: rgb(var(--surface)); border: 1px solid rgb(var(--line)); border-radius: var(--r-lg); padding: 28px; }
.login-logo { display: flex; align-items: center; margin-bottom: 16px; } .login-logo { display: flex; align-items: center; margin-bottom: 16px; }
.login-logo-img { height: 40px; width: auto; } .login-logo-img { height: 80px; width: auto; }
.login-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 16px; } .login-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 16px; }
.login-error { color: rgb(var(--danger)); font-size: .78rem; margin-bottom: 10px; } .login-error { color: rgb(var(--danger)); font-size: .78rem; margin-bottom: 10px; }