added react-virtuloso and tenstack-table
This commit is contained in:
parent
3a9d45c543
commit
8e01d523d0
8 changed files with 161 additions and 227 deletions
|
|
@ -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 */
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue