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; }