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

draft status sidebar

Browse Source
This commit is contained in:
Azlothe 2024-05-19 10:38:28 -07:00
parent 51b165e7e1
commit 5de76238c3
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Widget/HistoryWidget.tsx
View File

@ -7,13 +7,23 @@ type HistoryWidgetProps = {
const HistoryWidget = ({ widget }: HistoryWidgetProps) => {
const { id, x, y, w, h, elements } = widget;
console.log('elements: ', elements);
return (
<div
key={id}
style={{ top: y, left: x, width: w, height: h }}
className={`absolute bg-[#2D2D30] text-white flex items-center justify-center`}
className={`absolute bg-[#2D2D30] text-white grid grid-cols-12 items-start justify-start p-4`}
>
History Widget
<div className="col-span-1 flex flex-col h-full">
<span className="bg-teal-300 flex flex-row py-1 mx-4 rounded-md items-center justify-center">
4
</span>
<div className="border-gray-200 h-full w-1/2 border-r-4 my-4 flex flex-row items-center justify-center rounded-sm" />
</div>
<div className="col-span-11 bg-gray-300">message content</div>
<div className="col-span-1 flex flex-col">test</div>
</div>
);
};