diff --git a/app/static/style.css b/app/static/style.css index fa4df79..f705a87 100644 --- a/app/static/style.css +++ b/app/static/style.css @@ -837,31 +837,26 @@ button { color: #174768; } -/* Service tiles — glassmorphism */ +/* Service tiles — clean white cards with depth */ .dashboard-page .tile { - backdrop-filter: blur(22px) saturate(160%) !important; - -webkit-backdrop-filter: blur(22px) saturate(160%) !important; - background: rgba(255, 255, 255, 0.22) !important; - border: 1px solid rgba(255, 255, 255, 0.42) !important; + backdrop-filter: none !important; + background: #ffffff !important; + border: 1px solid rgba(185, 215, 238, 0.7) !important; box-shadow: - 0 4px 18px rgba(15, 64, 103, 0.14), - 0 1px 4px rgba(15, 64, 103, 0.07), - inset 0 1px 0 rgba(255, 255, 255, 0.55) !important; - transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease !important; - color: #0c1e2f !important; + 0 1px 3px rgba(15, 64, 103, 0.06), + 0 6px 20px rgba(15, 64, 103, 0.09) !important; + transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important; } .dashboard-page .tile-wrap:hover .tile { - transform: translateY(-5px) !important; - background: rgba(255, 255, 255, 0.34) !important; - border-color: rgba(255, 255, 255, 0.68) !important; + transform: translateY(-3px) !important; + border-color: rgba(42, 130, 210, 0.45) !important; box-shadow: - 0 12px 36px rgba(15, 64, 103, 0.2), - 0 3px 8px rgba(15, 64, 103, 0.1), - inset 0 1px 0 rgba(255, 255, 255, 0.65) !important; + 0 2px 6px rgba(15, 64, 103, 0.08), + 0 12px 32px rgba(15, 64, 103, 0.16) !important; } -/* Icon box — compact accent square */ +/* Icon box */ .dashboard-page .tile-icon-box { width: min(100%, 336px) !important; aspect-ratio: 1 / 1 !important; diff --git a/app/templates/dashboard.html b/app/templates/dashboard.html index 35e655f..21363ba 100644 --- a/app/templates/dashboard.html +++ b/app/templates/dashboard.html @@ -100,25 +100,6 @@
{{ service.svc_cred_hint }}
- {% endif %} -