Refactor UI components and styles for improved layout and consistency

This commit is contained in:
2025-04-01 12:03:29 +05:30
parent 6f483baf8d
commit a682d3dd1e
11 changed files with 95 additions and 51 deletions

View File

@@ -58,7 +58,7 @@
--border-color: #{$border-color-dark}; // Border color for dark theme
// Shadow variables
--shadow-main-dark: #{$shadow-color-dark}; // Main shadow color
--shadow-main-dark: #{$shadow-color}; // Main shadow color
--box-shadow-light: 0px 2px 4px var(--shadow-main-dark); // Light shadow
--box-shadow-medium: 0px 4px 8px var(--shadow-main-dark); // Medium shadow
--box-shadow-heavy: 0px 8px 16px var(--shadow-main-dark); // Heavy shadow
@@ -75,6 +75,7 @@
height: 100vh; // Full viewport height
width: 100vw; // Full viewport width
overflow: hidden; // Prevent scrollbars
background-color: #232323;
}
// Root overlay styles
@@ -123,7 +124,7 @@ body {
/* Scrollbar handle color */
border-radius: 4px;
/* Rounded corners */
border: 2px solid #f4f4f4;
border: 2px solid var(--primary-color);
/* Padding around the scrollbar handle */
}