thi-sjsu-project/theia
0
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

fix notch

Browse Source
This commit is contained in:
thetek 2024-05-30 16:52:22 +02:00
parent 70e1aa4163
commit 64a39ce0e7
1 changed files with 28 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
src/components/Widget/AcaHeaderWidget.tsx
View File

@ -58,33 +58,35 @@ const AcaHeaderWidget = ({ widget }: AcaHeaderWidgetProps) => {
return (
<div
style={{
top: y,
left: x,
width: w,
height: h,
}}
className="absolute bg-[#252526] flex gap-4 px-4 py-2"
>
{firstElements.map((element) => (
<AcaStatusElement
key={element.id}
element={element as AcaStatusElementType}
/>
))}
<div>
<img src={notch} alt="notch" className="-mt-4" />
</div>
<>
<div
style={{
top: y,
left: x,
width: w,
height: h,
}}
className="absolute bg-[#252526] flex gap-4 px-4 py-2"
>
{firstElements.map((element) => (
<AcaStatusElement
key={element.id}
element={element as AcaStatusElementType}
/>
))}
<div className="grow" />
{lastElements.map((element) => (
<AcaStatusElement
key={element.id}
element={element as AcaStatusElementType}
/>
))}
</div>
<div className="grow" />
{lastElements.map((element) => (
<AcaStatusElement
key={element.id}
element={element as AcaStatusElementType}
/>
))}
</div>
<div style={{ width: w }} className="text-center absolute">
<img src={notch} alt="notch" className="inline-block" />
</div>
</>
);
};