Refactor UI components and styles for improved layout and consistency
This commit is contained in:
@@ -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 */
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user