Refactor styles to use 'background' shorthand property instead of 'background-color' for consistency across components. Updated various components including confirmation pop-up, input fields, lists, marketplace, menu, module toggle, simulation, and more. Enhanced visual effects with backdrop filters and adjusted padding/margins for improved layout. Removed unnecessary styles and optimized hover effects for better user experience.

This commit is contained in:
2025-04-29 16:27:03 +05:30
parent 77a6dda068
commit 45fea9465e
37 changed files with 491 additions and 525 deletions

View File

@@ -17,11 +17,11 @@
gap: 2px;
padding: 6px 8px;
min-width: 64px;
background-color: var(--background-color);
background: var(--background-color);
border-radius: #{$border-radius-small};
cursor: pointer;
&:hover {
background-color: var(--highlight-accent-color);
background: var(--highlight-accent-color);
color: var(--accent-color);
path {
stroke: var(--accent-color);
@@ -75,7 +75,7 @@
}
.marker{
position: absolute;
background-color: var(--text-disabled);
background: var(--text-disabled);
width: 2px;
height: 12px;
border-radius: 1px;