mirror of
https://github.com/webadderallorg/Recordly.git
synced 2026-11-09 23:43:35 +00:00
72 lines
1.6 KiB
CSS
72 lines
1.6 KiB
CSS
|
|
.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 #2563EB;
|
|
background: linear-gradient(120deg, rgba(91,33,182,0.18) 0%, rgba(38,38,48,0.98) 100%);
|
|
box-shadow: 0 0 0 2px #2563EB33;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
/* scrollbar */
|
|
.sourceGridScroll {
|
|
scrollbar-width: thin;
|
|
scrollbar-color: rgba(37, 99, 235, 0.5) rgba(40, 40, 50, 0.6);
|
|
}
|
|
|
|
.sourceGridScroll::-webkit-scrollbar {
|
|
width: 8px;
|
|
}
|
|
|
|
.sourceGridScroll::-webkit-scrollbar-track {
|
|
background: rgba(30, 30, 38, 0.5);
|
|
border-radius: 4px;
|
|
margin: 4px 0;
|
|
}
|
|
|
|
.sourceGridScroll::-webkit-scrollbar-thumb {
|
|
background: rgba(80, 80, 100, 0.6);
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.sourceGridScroll::-webkit-scrollbar-thumb:hover {
|
|
background: rgba(37, 99, 235, 0.6);
|
|
}
|
|
|
|
.sourceGridScroll::-webkit-scrollbar-thumb:active {
|
|
background: rgba(37, 99, 235, 0.8);
|
|
}
|
|
|