cowch/lstV2
1
0
Fork 0
Code Issues 37 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

refactor(ocp): resizbale with scrollling added makes more easy to review if table overflows

Browse Source
This commit is contained in:
cowchmonkey@gmail.com
2025-04-14 17:21:29 -05:00
parent 71f1cf0f21
commit d0a19b5589
4 changed files with 37 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
frontend/src/components/production/ocp/OcpPage.tsx
View File

@@ -26,24 +26,37 @@ export default function OCPPage() {
>
<ResizablePanel>
<ResizablePanelGroup direction="vertical">
<ResizablePanel>
<div style={{ overflow: "auto" }}>
<Lots />
</div>
<ResizablePanel
style={{
overflow: "auto",
scrollbarWidth: "none",
}}
>
<Lots />
</ResizablePanel>
<ResizableHandle />
<ResizablePanel>
<ResizablePanelGroup direction="horizontal">
<ResizablePanel className="overflow: auto">
<div style={{ overflow: "auto" }}>
<LabelLog />
</div>
<ResizablePanelGroup
direction="horizontal"
autoSaveId="ocpPage"
>
<ResizablePanel
//className="text-sm p-4 overflow-scroll"
style={{
overflow: "auto",
scrollbarWidth: "none",
}}
>
<LabelLog />
</ResizablePanel>
<ResizableHandle />
<ResizablePanel>
<div style={{ overflow: "auto" }}>
<OcpLogs />
</div>
<ResizablePanel
style={{
overflow: "auto",
scrollbarWidth: "none",
}}
>
<OcpLogs />
</ResizablePanel>
</ResizablePanelGroup>
</ResizablePanel>
@@ -51,7 +64,10 @@ export default function OCPPage() {
</ResizablePanel>
<ResizableHandle />
<ResizablePanel defaultSize={25}>
<ResizablePanelGroup direction="vertical">
<ResizablePanelGroup
direction="vertical"
autoSaveId="ocpPage"
>
{server[0].value === "usday1vms006" && (
<ResizablePanel className="max-h-[300px]">
<WrapperManualTrigger />