diff --git a/app/static/style.css b/app/static/style.css index 7c66a7b..160dd41 100644 --- a/app/static/style.css +++ b/app/static/style.css @@ -410,60 +410,18 @@ button { position: relative; height: 100%; } -.svc-cred-toggle { - display: flex; - align-items: center; - justify-content: space-between; - width: 100%; - background: rgba(42,140,214,0.1); - border: 1px solid rgba(42,140,214,0.22); - border-radius: 8px; - padding: 0.32rem 0.65rem; - margin: 0 0 0rem; - cursor: pointer; - font-size: 0.76rem; - font-weight: 700; - color: #1a5a8a; - letter-spacing: 0.03em; - text-transform: uppercase; - pointer-events: auto; - transition: background 0.15s ease, border-color 0.15s ease; - flex-shrink: 0; -} -.svc-cred-toggle:hover { - background: rgba(42,140,214,0.18); - border-color: rgba(42,140,214,0.38); -} -.svc-cred-chevron { - width: 14px; height: 14px; - flex-shrink: 0; - transition: transform 0.2s ease; - color: #2a8cd6; -} -.svc-credentials-wrap.open .svc-cred-chevron { - transform: rotate(180deg); -} -.svc-credentials-wrap.open .svc-cred-toggle { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border-bottom-color: transparent; -} .svc-credentials { background: linear-gradient(135deg, #edf5fc 0%, #e2eff8 100%); border: 1px solid #c7d9ea; - border-top: none; - border-radius: 0 0 8px 8px; + border-radius: 8px; padding: 0.5rem 0.75rem 0.55rem; margin: 0 0 0.5rem; - display: none; + display: flex; flex-direction: column; gap: 0.3rem; flex-shrink: 0; pointer-events: auto; } -.svc-credentials-wrap.open .svc-credentials { - display: flex; -} .svc-cred-row { display: flex; align-items: center; @@ -926,14 +884,6 @@ button { background: linear-gradient(135deg, rgba(220,238,255,0.55) 0%, rgba(200,225,248,0.5) 100%) !important; border-color: rgba(180, 215, 240, 0.6) !important; } -.dashboard-page .svc-cred-toggle { - background: rgba(42,140,214,0.12) !important; - border-color: rgba(42,140,214,0.25) !important; - color: #0c2e4a !important; -} -.dashboard-page .svc-cred-toggle:hover { - background: rgba(42,140,214,0.2) !important; -} /* Category badges on tile */ .dashboard-page .service-cat-badge { @@ -964,43 +914,6 @@ button { letter-spacing: 0.01em !important; } -/* Search bar */ -.svc-search-wrap { - padding: 0.6rem 0 0; - position: relative; -} -.svc-search-wrap::before { - content: ; - position: absolute; - left: 0.9rem; - top: 50%; - transform: translateY(-25%); - width: 16px; - height: 16px; - background: url(data:image/svg+xml,%3Csvg xmlns=http://www.w3.org/2000/svg viewBox=0 0 24 24 fill=none stroke=%235a8aaa stroke-width=2.2 stroke-linecap=round stroke-linejoin=round%3E%3Ccircle cx=11 cy=11 r=8/%3E%3Cpath d=M21 21l-4.35-4.35/%3E%3C/svg%3E) center/contain no-repeat; - pointer-events: none; -} -.svc-search { - width: 100%; - box-sizing: border-box; - background: rgba(255, 255, 255, 0.3); - backdrop-filter: blur(12px); - -webkit-backdrop-filter: blur(12px); - border: 1px solid rgba(255, 255, 255, 0.5); - border-radius: 12px; - padding: 0.6rem 1rem 0.6rem 2.5rem; - font-size: 0.95rem; - color: #0c1e2f; - outline: none; - transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease; - box-shadow: 0 2px 8px rgba(15,64,103,0.08), inset 0 1px 0 rgba(255,255,255,0.6); -} -.svc-search::placeholder { color: rgba(12,30,47,0.45); } -.svc-search:focus { - background: rgba(255, 255, 255, 0.45); - border-color: rgba(42,140,214,0.55); - box-shadow: 0 4px 16px rgba(15,64,103,0.14), 0 0 0 3px rgba(42,140,214,0.12), inset 0 1px 0 rgba(255,255,255,0.7); -} /* Suppress transitions on non-tile elements */ .category-chip, diff --git a/app/templates/dashboard.html b/app/templates/dashboard.html index 0668073..0449fa4 100644 --- a/app/templates/dashboard.html +++ b/app/templates/dashboard.html @@ -88,14 +88,11 @@ {% endfor %} {% endif %} -