added react-virtuloso and tenstack-table

This commit is contained in:
Boki 2025-06-15 21:08:58 -04:00
parent 3a9d45c543
commit 8e01d523d0
8 changed files with 161 additions and 227 deletions

View file

@ -50,27 +50,73 @@
}
@layer components {
/* Custom scrollbar for dark theme */
.scrollbar-thin {
/* Global sleek dark-themed scrollbars for all elements */
* {
scrollbar-width: thin;
scrollbar-color: rgb(42 42 45) transparent;
scrollbar-color: rgb(74 74 74) rgb(26 26 26);
}
.scrollbar-thin::-webkit-scrollbar {
width: 6px;
*::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.scrollbar-thin::-webkit-scrollbar-track {
background: transparent;
*::-webkit-scrollbar-track {
background: rgb(26 26 26);
border-radius: 4px;
}
.scrollbar-thin::-webkit-scrollbar-thumb {
background-color: rgb(42 42 45);
border-radius: 3px;
*::-webkit-scrollbar-thumb {
background-color: rgb(74 74 74);
border-radius: 4px;
border: 1px solid rgb(42 42 42);
transition: background-color 0.2s ease;
}
.scrollbar-thin::-webkit-scrollbar-thumb:hover {
background-color: rgb(51 51 54);
*::-webkit-scrollbar-thumb:hover {
background-color: rgb(90 90 90);
}
*::-webkit-scrollbar-thumb:active {
background-color: rgb(106 106 106);
}
*::-webkit-scrollbar-corner {
background: rgb(26 26 26);
}
/* Global scrollbar for the entire app */
* {
scrollbar-width: thin;
scrollbar-color: rgb(26 26 26) transparent;
}
*::-webkit-scrollbar {
width: 8px;
height: 8px;
}
*::-webkit-scrollbar-track {
background: rgb(0 0 0);
border-radius: 4px;
}
*::-webkit-scrollbar-thumb {
background-color: rgb(26 26 26);
border-radius: 4px;
border: 1px solid rgb(0 0 0);
transition: background-color 0.2s ease;
}
*::-webkit-scrollbar-thumb:hover {
background-color: rgb(42 42 42);
}
*::-webkit-scrollbar-thumb:active {
background-color: rgb(60 60 60);
}
*::-webkit-scrollbar-corner {
background: rgb(0 0 0);
}
/* Trading specific styles */