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:
@@ -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 {
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user