overlay and source ui improvements

2025-11-15 23:31:36 -07:00
parent 096396fdce
commit 41572298d6
7 changed files with 107 additions and 43 deletions
@@ -0,0 +1,41 @@
+
+.glassContainer {
+  background: linear-gradient(135deg, rgba(28,28,34,0.92) 0%, rgba(18,18,22,0.88) 100%);
+  backdrop-filter: blur(20px) saturate(160%);
+  -webkit-backdrop-filter: blur(20px) saturate(160%);
+  border-radius: 14px;
+  box-shadow: 0 4px 16px 0 rgba(0,0,0,0.32), 0 1px 3px 0 rgba(0,0,0,0.18) inset;
+  border: 1px solid rgba(60,60,80,0.18);
+}
+
+.sourceCard {
+  border-radius: 10px;
+  background: linear-gradient(120deg, rgba(38,38,48,0.98) 0%, rgba(24,24,32,0.96) 100%);
+  border: 1px solid rgba(60,60,80,0.22);
+  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.18);
+  transition: box-shadow 0.2s, border 0.2s, background 0.2s;
+}
+
+.selected {
+  border: 2px solid #8b5cf6;
+  background: linear-gradient(120deg, rgba(91,33,182,0.18) 0%, rgba(38,38,48,0.98) 100%);
+  box-shadow: 0 0 0 2px #8b5cf633;
+}
+
+.icon {
+  width: 13px;
+  height: 13px;
+  color: #c7d2fe;
+}
+
+.name {
+  font-size: 0.85rem;
+  color: #f3f4f6;
+  font-weight: 500;
+  letter-spacing: 0.01em;
+}
+
+.cardText {
+  color: #a1a1aa;
+  font-size: 0.75rem;
+}