diff --git a/virtweb_frontend/src/dialogs/IsoCatalogDialog.tsx b/virtweb_frontend/src/dialogs/IsoCatalogDialog.tsx index 24fbda8..e90d5df 100644 --- a/virtweb_frontend/src/dialogs/IsoCatalogDialog.tsx +++ b/virtweb_frontend/src/dialogs/IsoCatalogDialog.tsx @@ -1,5 +1,4 @@ import { - Avatar, Button, Dialog, DialogActions, @@ -27,7 +26,7 @@ export function IsoCatalogDialog(p: { return ( - Iso catalog + ISO catalog {p.catalog.map((entry) => ( - + (); @@ -53,11 +54,18 @@ export function IsoFilesRoute(): React.ReactElement { - setIsoCatalog(true)}> - - - + + + { setIsoCatalog(true); }}> + + + + + + + + + } > @@ -68,7 +76,7 @@ export function IsoFilesRoute(): React.ReactElement { /> setIsoCatalog(false)} + onClose={() => { setIsoCatalog(false); }} /> ); @@ -122,7 +130,7 @@ function UploadIsoFileCard(p: { if (uploadProgress !== null) { return ( - + Upload in progress ({Math.floor(uploadProgress * 100)}%)... @@ -132,7 +140,7 @@ function UploadIsoFileCard(p: { } return ( - +
+
- - {/* Download notification */} - {dlProgress !== undefined && ( - -
- - Downloading... {dlProgress}% - - -
-
- )} - - {/* Files list table */} - c.filename} - rows={p.list} - columns={columns} - /> -
+ {/* Download notification */} + {dlProgress !== undefined && ( + +
+ + Downloading... {dlProgress}% + + +
+
+ )} + {/* ISO files list table */} + c.filename} rows={p.list} columns={columns} /> ); } diff --git a/virtweb_frontend/src/widgets/BaseAuthenticatedPage.tsx b/virtweb_frontend/src/widgets/BaseAuthenticatedPage.tsx index ea39898..6f5f522 100644 --- a/virtweb_frontend/src/widgets/BaseAuthenticatedPage.tsx +++ b/virtweb_frontend/src/widgets/BaseAuthenticatedPage.tsx @@ -13,7 +13,7 @@ import { List, ListItemButton, ListItemIcon, - ListItemText + ListItemText, } from "@mui/material"; import { Outlet, useLocation } from "react-router-dom"; import { RouterLink } from "./RouterLink"; @@ -82,7 +82,15 @@ export function BaseAuthenticatedPage(): React.ReactElement { icon={} /> -
+
diff --git a/virtweb_frontend/src/widgets/VirtWebPaper.tsx b/virtweb_frontend/src/widgets/VirtWebPaper.tsx index 79dcbbc..b3fa42d 100644 --- a/virtweb_frontend/src/widgets/VirtWebPaper.tsx +++ b/virtweb_frontend/src/widgets/VirtWebPaper.tsx @@ -2,10 +2,19 @@ import { Paper, Typography } from "@mui/material"; import React, { PropsWithChildren } from "react"; export function VirtWebPaper( - p: { label: string | React.ReactElement } & PropsWithChildren + p: { + label: string | React.ReactElement; + noHorizontalMargin?: boolean; + } & PropsWithChildren ): React.ReactElement { return ( - + +