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

Fix CSS property naming and improve distance label formatting in DistanceLines component

This commit is contained in:
Vishnu 2025-05-07 10:33:44 +05:30
parent 3bced5cfb7
commit b26a0cd6cd
3 changed files with 8 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/src/modules/visualization/widgets/floating/DistanceLines.tsx
View File

@ -41,7 +41,7 @@ const DistanceLines: React.FC<DistanceLinesProps> = ({ obj, activeEdges }) => {
transform: "translate(-50%,0%)",
}}
>
{obj.position.top}px
{obj.position.top.toFixed(1)}px
</span>
</div>
)}
@ -67,7 +67,7 @@ const DistanceLines: React.FC<DistanceLinesProps> = ({ obj, activeEdges }) => {
transform: "translate(-50%,0%)",
}}
>
{obj.position.bottom}px
{obj.position.bottom.toFixed(1)}px
</span>
</div>
)}
@ -93,7 +93,7 @@ const DistanceLines: React.FC<DistanceLinesProps> = ({ obj, activeEdges }) => {
transform: "translate(0,-50%)",
}}
>
{obj.position.left}px
{obj.position.left.toFixed(1)}px
</span>
</div>
)}
@ -119,7 +119,7 @@ const DistanceLines: React.FC<DistanceLinesProps> = ({ obj, activeEdges }) => {
transform: "translate(0,-50%)",
}}
>
{obj.position.right}px
{obj.position.right.toFixed(1)}px
</span>
</div>
)}

11
app/src/styles/layout/sidebar.scss
View File

@ -440,7 +440,7 @@
path {
stroke: var(--text-button-color);
strokeWidth: 1.3;
stroke-width: 1.3;
}
}
}
@ -710,7 +710,7 @@
path {
stroke: var(--accent-color);
strokeWidth: 1.5px;
stroke-width: 1.5px;
}
&:hover {
@ -1397,14 +1397,10 @@
.skeleton-wrapper {
display: flex;
.skeleton-content {}
.asset-name {
width: 40%;
height: 10px;
}
.asset {
width: 100%;
height: 100%;
@ -1417,8 +1413,7 @@
.sidebar-left-wrapper,
.sidebar-right-wrapper {
height: calc(50vh + 150px);
overflow-y: hidden;
transition: height 0.4s ease-in-out;
transition: height 0.2s ease-in-out;
}
.sidebar-left-wrapper.closed,

3
app/src/styles/pages/realTimeViz.scss
View File

@ -65,7 +65,6 @@
overflow: auto;
max-width: calc(100% - 500px);
// min-width: 150px;
z-index: 3;
transform: translate(-50%, -10%);
pointer-events: all;
@ -431,7 +430,7 @@
path {
stroke: #f65648;
strokewidth: 1.3;
stroke-width: 1.3;
}
}
}