diff --git a/app/static/admin.css b/app/static/admin.css index 6360606..e213ba5 100644 --- a/app/static/admin.css +++ b/app/static/admin.css @@ -1,6 +1,8 @@ .admin { margin: 0; min-height: 100vh; + display: flex; + flex-direction: column; color: #1f2937; background: #f6f7f9; font-family: Arial, sans-serif; @@ -21,6 +23,11 @@ font-size: 20px; } +.admin__brand-link { + color: inherit; + text-decoration: none; +} + .admin__nav { display: flex; align-items: center; @@ -34,6 +41,7 @@ } .admin__main { + flex: 1; width: min(1180px, calc(100% - 32px)); margin: 28px auto; } @@ -52,18 +60,30 @@ } .metric { + display: block; padding: 18px; background: #ffffff; border: 1px solid #d9dee7; border-radius: 8px; } +.metric--link { + color: inherit; + text-decoration: none; +} + +.metric--link:hover { + border-color: #0f766e; +} + .metric__label { + display: block; color: #6b7280; font-size: 13px; } .metric__value { + display: block; margin-top: 8px; font-size: 28px; font-weight: 700; @@ -87,6 +107,14 @@ border-collapse: collapse; } +.table__row { + cursor: pointer; +} + +.table__row:hover { + background: #f0fdfa; +} + .table__cell, .table__head { padding: 10px 8px; @@ -331,12 +359,22 @@ } .stats-strip__item { + display: block; padding: 14px 16px; background: #ffffff; border: 1px solid #d9dee7; border-radius: 8px; } +.stats-strip__item--link { + color: inherit; + text-decoration: none; +} + +.stats-strip__item--link:hover { + border-color: #0f766e; +} + .stats-strip__label { display: block; color: #6b7280; diff --git a/app/templates/base.html b/app/templates/base.html index c9d4f77..8ebbe07 100644 --- a/app/templates/base.html +++ b/app/templates/base.html @@ -8,7 +8,7 @@
-

MIEM Employees

+

MIEM Employees