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

3d widget highlight added

This commit is contained in:
Gomathi 2025-04-08 18:32:19 +05:30
parent d76d09019e
commit 45db21e66c
5 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/src/components/layout/3D-cards/cards/ProductionCapacity.tsx
View File

@ -219,12 +219,13 @@ const ProductionCapacity: React.FC<ProductionCapacityProps> = ({
// e.stopPropagation(); // e.stopPropagation();
}} }}
wrapperClass="pointer-none" wrapperClass="pointer-none"
className="pointer-none" className={`${selectedChartId?.id === id ? "activeChart" : ""}`}
> >
<div <div
className="productionCapacity-wrapper card" className={`productionCapacity-wrapper card ${selectedChartId?.id === id ? "activeChart" : ""}`}
onClick={() => setSelectedChartId({ id: id, type: type })} onClick={() => setSelectedChartId({ id: id, type: type })}
onContextMenu={onContextMenu} onContextMenu={onContextMenu}
style={{ style={{
width: "300px", // Original width width: "300px", // Original width
height: "300px", // Original height height: "300px", // Original height

1
app/src/components/layout/3D-cards/cards/ReturnOfInvestment.tsx
View File

@ -226,6 +226,7 @@ const ReturnOfInvestment: React.FC<ReturnOfInvestmentProps> = ({ id, type, posit
transition: 'transform 0.1s ease-out' transition: 'transform 0.1s ease-out'
}} }}
className={`${selectedChartId?.id === id ? "activeChart" : ""}`}
> >
<div className="returnOfInvestment card" <div className="returnOfInvestment card"
onClick={() => setSelectedChartId({ id: id, type: type })} onClick={() => setSelectedChartId({ id: id, type: type })}

1
app/src/components/layout/3D-cards/cards/StateWorking.tsx
View File

@ -111,6 +111,7 @@ const StateWorking: React.FC<StateWorkingProps> = ({ id, type, position, rotatio
transition: 'transform 0.1s ease-out' transition: 'transform 0.1s ease-out'
}} }}
className={`${selectedChartId?.id === id ? "activeChart" : ""}`}
> >
<div className="stateWorking-wrapper card" <div className="stateWorking-wrapper card"
onClick={() => setSelectedChartId({ id: id, type: type })} onClick={() => setSelectedChartId({ id: id, type: type })}

1
app/src/components/layout/3D-cards/cards/Throughput.tsx
View File

@ -206,6 +206,7 @@ const Throughput: React.FC<ThroughputProps> = ({ id, type, position, rotation, o
transition: 'transform 0.1s ease-out' transition: 'transform 0.1s ease-out'
}} }}
className={`${selectedChartId?.id === id ? "activeChart" : ""}`}
> >
<div className="throughput-wrapper" <div className="throughput-wrapper"
onClick={() => setSelectedChartId({ id: id, type: type })} onClick={() => setSelectedChartId({ id: id, type: type })}

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

@ -742,7 +742,7 @@
} }
.activeChart { .activeChart {
outline: 1px solid var(--accent-color); outline: 2px solid var(--accent-color);
z-index: 2 !important; z-index: 2 !important;
} }