Add new images and update styles for visualization components

This commit is contained in:
Nalvazhuthi
2025-03-29 17:56:50 +05:30
parent 893d01ee4e
commit ad7f4bbfd6
19 changed files with 1178 additions and 49 deletions

View File

@@ -104,25 +104,34 @@ body {
/* Apply custom scrollbar styles globally */
::-webkit-scrollbar {
width: 8px; /* Width of the scrollbar */
height: 8px; /* Height for horizontal scrollbars */
width: 8px;
/* Width of the scrollbar */
height: 8px;
/* Height for horizontal scrollbars */
}
::-webkit-scrollbar-track {
background: transparent; /* Background of the scrollbar track */
border-radius: 4px; /* Rounded corners */
background: transparent;
/* Background of the scrollbar track */
border-radius: 4px;
/* Rounded corners */
}
::-webkit-scrollbar-thumb {
background: var(--accent-color); /* Scrollbar handle color */
border-radius: 4px; /* Rounded corners */
border: 2px solid #f4f4f4; /* Padding around the scrollbar handle */
background: var(--accent-color);
/* Scrollbar handle color */
border-radius: 4px;
/* Rounded corners */
border: 2px solid #f4f4f4;
/* Padding around the scrollbar handle */
}
::-webkit-scrollbar-thumb:hover {
background: var(--accent-color); /* Handle color on hover */
background: var(--accent-color);
/* Handle color on hover */
}
::-webkit-scrollbar-corner {
background: transparent; /* Remove corner styling for scrollable containers */
}
background: transparent;
/* Remove corner styling for scrollable containers */
}