revert: remove search bar and credentials collapsible

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-07-21 08:04:04 +00:00
parent 4d5e01855f
commit 1fe62af26b
2 changed files with 18 additions and 124 deletions
+2 -89
View File
@@ -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,