Add wrap prop to Space components in SectionHeader for mobile responsiveness

Co-authored-by: Danielv123 <6792749+Danielv123@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot]andDanielv123 committed 2025-11-20 07:52:22 +00:00
1 parent c519ee1389
commit ea4280d184
3 files changed
+4 -4

No files matched your search

@@ -664,7 +664,7 @@ function ModsTable(props: ModsTableProps) {
return <>
<SectionHeader
title="Mods"
extra={<Space>
extra={<Space wrap>
<Button
icon={<ToolOutlined />}
disabled={!mods.some(m => m.enabled && m.warning && m.warning !== "wrong_factorio_version")}
+2 -2
View File
@@ -561,7 +561,7 @@ export default function ModsPage() {
<PageHeader title="Mods" />
<SectionHeader
title="Mod Packs"
extra={<Space>
extra={<Space wrap>
{account.hasPermission("core.mod_pack.create") && <ImportModPackButton />}
{account.hasPermission("core.mod_pack.create") && <CreateModPackButton />}
</Space>}
@@ -594,7 +594,7 @@ export default function ModsPage() {
},
})}
/>
<SectionHeader title="Stored Mods" extra={<Space>
<SectionHeader title="Stored Mods" extra={<Space wrap>
<SearchModsButton />
{uploadButton}
</Space>} />
+1 -1
View File
@@ -345,7 +345,7 @@ export default function SavesList(props: { instance: lib.InstanceDetails }) {
};
return <div>
<SectionHeader title="Saves" extra={<Space>
<SectionHeader title="Saves" extra={<Space wrap>
{account.hasPermission("core.instance.save.upload") && <Upload {...uploadProps} >
<UploadButton disabled={hostOffline}>
Upload save