bunny-lab/Borealis-Github-Replica
1
0
Fork 0
mirror of https://github.com/bunny-lab-io/Borealis.git synced 2025-10-27 09:41:57 -06:00
Code Issues Packages Projects Releases Wiki Activity

Adjust assembly editor action layout and widths

Browse Source
This commit is contained in:
Nicole Rappe
2025-10-03 13:29:08 -06:00
parent 1466473b0a
commit f18d08ed41
1 changed files with 71 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
Data/Server/WebUI/src/Assemblies/Assembly_Editor.jsx
View File

@@ -629,12 +629,32 @@ export default function AssemblyEditor({
</Typography>
</Box>
<Box sx={{ display: "flex", alignItems: "center", gap: 2, mb: 0, flexWrap: "wrap" }}>
<Box sx={{ flex: 1 }}>
<Box
sx={{
display: "flex",
alignItems: "flex-start",
justifyContent: "space-between",
gap: 2,
mb: 0,
flexWrap: "wrap"
}}
>
<Box sx={{ flex: "1 1 auto", minWidth: 120 }}>
<Typography variant="caption" sx={SECTION_TITLE_SX}>
Overview
</Typography>
</Box>
<Box
sx={{
display: "flex",
alignItems: "center",
gap: 1.5,
flexWrap: "wrap",
justifyContent: "flex-end",
ml: { xs: 0, sm: "auto" },
alignSelf: "flex-start"
}}
>
{currentPath ? (
<Tooltip title="Rename File">
<Button
@@ -679,6 +699,7 @@ export default function AssemblyEditor({
{saving ? "Saving..." : "Save Assembly"}
</Button>
</Box>
</Box>
<Grid container spacing={2}>
<Grid item xs={12} md={6}>
@@ -792,7 +813,10 @@ export default function AssemblyEditor({
label="Site Scope"
value={siteScopeValue}
onChange={(e) => updateSitesMode(e.target.value)}
sx={{ ...SELECT_BASE_SX, flex: 1 }}
sx={{
...SELECT_BASE_SX,
width: { xs: "100%", sm: 320, lg: 360 }
}}
SelectProps={{ MenuProps: MENU_PROPS }}
>
<MenuItem value="all">All Sites</MenuItem>
@@ -805,7 +829,10 @@ export default function AssemblyEditor({
label="Allowed Sites"
value={selectedSiteValues}
onChange={(e) => updateSelectedSites(Array.isArray(e.target.value) ? e.target.value : [])}
sx={{ ...SELECT_BASE_SX, flex: 1 }}
sx={{
...SELECT_BASE_SX,
width: { xs: "100%", sm: 360, lg: 420 }
}}
SelectProps={{
multiple: true,
renderValue: (selected) => {