Refactor SideBarRight component for improved readability and functionality; add DecalProperties component; remove DecalTransformation; update AssetProperties animations rendering; enhance InputRange and RegularDropDown components; adjust styles for better layout; fix state management in decal store.

This commit is contained in:
2025-08-23 15:43:19 +05:30
parent d7295ebacf
commit e2c5b43c2e
15 changed files with 741 additions and 739 deletions

View File

@@ -7,7 +7,8 @@
left: 50%;
z-index: 2;
transform: translate(-50%, 0);
width: 70vw;
max-width: calc(100vw - (2 * 328px));
width: 100%;
transition: all 0.3s;
&.hide {

View File

@@ -469,10 +469,6 @@
width: 304px;
.decal-transformation-container {
display: flex;
flex-direction: column;
gap: 4px;
.transformation-wrapper {
display: flex;
align-items: center;
@@ -501,16 +497,17 @@
}
input {
min-width: 43px;
min-width: 58px;
text-align: center;
}
}
.layers {
.layers-list {
display: flex;
gap: 6px;
align-items: center;
.icon {
.layer-move-btn {
display: flex;
justify-content: center;
align-items: center;
@@ -518,6 +515,10 @@
padding: 4px 16px;
width: 50px;
border-radius: 100px;
cursor: pointer;
&:hover {
outline: 1px solid var(--accent-color);
}
}
}
}
@@ -1581,6 +1582,7 @@
.analysis-main-container,
.asset-properties-container,
.zone-properties-container,
.decal-transformation-container,
.aisle-properties-container {
.header {
@include flex-space-between;
@@ -1787,6 +1789,10 @@
padding: 14px;
padding-bottom: 0;
margin-bottom: 8px;
.input-toggle-container{
padding: 4px 0;
margin-bottom: 8px;
}
}
.header {