59 lines
1.0 KiB
CSS
59 lines
1.0 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
body {
|
|
@apply bg-discord-dark text-crypto-text overflow-hidden antialiased;
|
|
}
|
|
|
|
/* Custom Scrollbar */
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
@apply bg-discord-black;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
@apply bg-discord-sidebar rounded-full;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
@apply bg-white/10;
|
|
}
|
|
|
|
.glass {
|
|
@apply backdrop-blur-md bg-white/[0.03] border border-white/10;
|
|
}
|
|
|
|
.glass-panel {
|
|
@apply backdrop-blur-xl bg-discord-sidebar/80 border-r border-white/5;
|
|
}
|
|
|
|
.led {
|
|
@apply w-2 h-2 rounded-full shadow-lg;
|
|
}
|
|
|
|
.led-orange {
|
|
@apply bg-status-pending shadow-status-pending/50 animate-led-pulse;
|
|
}
|
|
|
|
.led-green {
|
|
@apply bg-status-validated shadow-status-validated/50;
|
|
}
|
|
|
|
.led-red {
|
|
@apply bg-status-failed shadow-status-failed/50 animate-pulse;
|
|
}
|
|
|
|
/* Mobile responsiveness helpers */
|
|
@media (max-width: 768px) {
|
|
.sidebar-hidden {
|
|
@apply -translate-x-full;
|
|
}
|
|
|
|
.sidebar-visible {
|
|
@apply translate-x-0;
|
|
}
|
|
} |