Dwinzo-Beta/Dwinzo_dev
4
0
Fork 3
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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.

Browse Source
This commit is contained in:
Vishnu
2025-04-29 16:27:03 +05:30
parent 77a6dda068
commit 45fea9465e
37 changed files with 491 additions and 525 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/src/styles/components/menu/menu.scss
View File

@@ -36,7 +36,7 @@
top: 32px;
left: 0;
z-index: 5;
background-color: var(--background-color);
background: var(--background-color);
color: var(--text-color);
box-shadow: var(--box-shadow-light);
border-radius: 8px;
@@ -73,7 +73,7 @@
position: absolute;
top: 0;
left: 100%;
background-color: var(--background-color);
background: var(--background-color);
min-width: 220px;
border-radius: 4px;
box-shadow: var(--box-shadow-light);
@@ -95,7 +95,7 @@
rotate: -90deg;
}
&:hover {
background-color: var(--highlight-accent-color);
background: var(--highlight-accent-color);
span,
.menu-item-right span {
color: var(--accent-color);
@@ -123,7 +123,7 @@
position: absolute;
left: 100%;
top: 0;
background-color: var(--background-color);
background: var(--background-color);
min-width: 200px;
border-radius: 0 4px 4px 4px;
box-shadow: var(--box-shadow-light);
@@ -140,7 +140,7 @@
white-space: nowrap;
color: var(--text-color);
&:hover {
background-color: var(--highlight-accent-color);
background: var(--highlight-accent-color);
span {
color: var(--accent-color);
}
@@ -154,7 +154,7 @@
}
&:hover {
background-color: var(--highlight-accent-color);
background: var(--highlight-accent-color);
.menu-button {
color: var(--accent-color);
}
@@ -164,7 +164,7 @@
.split {
width: 100%;
height: 1px;
background-color: var(--highlight-accent-color);
background: var(--highlight-accent-color);
margin: 2px 0;
}
}