From 75e296772753bc2458c4527c729f7ea9bb771765 Mon Sep 17 00:00:00 2001 From: hobokenchicken Date: Sat, 7 Mar 2026 01:33:45 +0000 Subject: [PATCH] style(dashboard): fix login form floating labels rendering This commit corrects the CSS for the login form's floating labels. Previously, the label floated too high and had a solid background that contrasted poorly with the input box. The label now floats exactly on the border line and uses a linear-gradient to seamlessly blend the card background into the input background, fixing the 'misframed' appearance. --- static/css/dashboard.css | 9 +++++---- static/index.html | 2 +- 2 files changed, 6 insertions(+), 5 deletions(-) diff --git a/static/css/dashboard.css b/static/css/dashboard.css index 74c13aa5..afeb1373 100644 --- a/static/css/dashboard.css +++ b/static/css/dashboard.css @@ -191,7 +191,7 @@ body { color: var(--fg3); pointer-events: none; transition: all 0.25s ease; - background: var(--bg1); + background: transparent; padding: 0 0.375rem; z-index: 2; font-weight: 500; @@ -202,12 +202,13 @@ body { .form-group input:focus ~ label, .form-group input:not(:placeholder-shown) ~ label { - top: -0.625rem; + top: 0; left: 0.875rem; - font-size: 0.7rem; + font-size: 0.75rem; color: var(--orange); font-weight: 600; - transform: translateY(0); + transform: translateY(-50%); + background: linear-gradient(180deg, var(--bg1) 50%, var(--bg0) 50%); } .form-group input { diff --git a/static/index.html b/static/index.html index ac81c680..c62156dc 100644 --- a/static/index.html +++ b/static/index.html @@ -4,7 +4,7 @@ LLM Proxy Gateway - Admin Dashboard - +