From 286dfda6df1722397935eef407fbe563b6e68af0 Mon Sep 17 00:00:00 2001 From: Milton Gonzalez Date: Sat, 5 Sep 2026 22:22:56 -0500 Subject: [PATCH] =?UTF-8?q?style:=20duplica=20el=20tama=C3=B1o=20del=20log?= =?UTF-8?q?o=20(sidebar=20y=20login)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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 --- frontend/src/styles/app.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/frontend/src/styles/app.css b/frontend/src/styles/app.css index 446231c..c344961 100644 --- a/frontend/src/styles/app.css +++ b/frontend/src/styles/app.css @@ -45,15 +45,15 @@ button { font-family: inherit; } display: flex; flex-direction: column; 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-header { display: flex; align-items: center; gap: 10px; 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-full { height: 26px; width: auto; max-width: 100%; object-fit: contain; } +.nav-logo-icon { width: 56px; height: 56px; flex: none; 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-item { 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; } .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)); 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-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-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-error { color: rgb(var(--danger)); font-size: .78rem; margin-bottom: 10px; }