Skip to content

feat: set maxWidth for scaling and reduce gap sizes #248

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 9 commits into from
Aug 21, 2025
Merged

feat: set maxWidth for scaling and reduce gap sizes #248

Show file tree
Hide file tree
Changes from 8 commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
82b2ca5
feat: adjust padding, maxWidth, round off corners
Lasserich Aug 19, 2025
8cb916b
fix: reduce margins
Lasserich Aug 19, 2025
ed7021f
fix: linting
Lasserich Aug 20, 2025
3c35262
fix: won the linter war
Lasserich Aug 20, 2025
a166ce2
Merge branch 'main' into ft/scaling
GenosseOtt Aug 20, 2025
24b29f2
Merge branch 'main' into ft/scaling
lucasgoral Aug 20, 2025
372a424
Merge branch 'main' into ft/scaling
Lasserich Aug 20, 2025
f96c9e7
increased max width
lucasgoral Aug 21, 2025
8dd9561
fix: css styles
Lasserich Aug 21, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion src/components/ControlPlanes/List/ControlPlaneListWorkspaceGridTile.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -77,7 +77,7 @@ export function ControlPlaneListWorkspaceGridTile({ projectName, workspace }: Pr
>
<Panel
headerLevel="H2"
style={{ margin: '12px 12px 12px 0' }}
style={{ maxWidth: '1280px', margin: '0px auto 0px auto', width: '100%' }}
collapsed={shouldCollapsePanel}
header={
<div
Expand Down
12 changes: 11 additions & 1 deletion src/components/Projects/ProjectsList.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -133,7 +133,17 @@ export default function ProjectsList() {

return (
<>
<AnalyticalTable style={{ margin: '12px' }} columns={stabilizedColumns} data={stabilizedData} />
<AnalyticalTable
style={{
maxWidth: '1280px',
margin: '10px auto 0px auto',
width: '100%',
borderRadius: '12px',
overflow: 'hidden',
}}
columns={stabilizedColumns}
data={stabilizedData}
/>
</>
);
}
4 changes: 4 additions & 0 deletions src/spaces/mcp/pages/McpPage.tsx
View file
Open in desktop
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Could we please create css class and use it instead of inline styles? :)

all styles are the same and if we could wrap it within a class, it would be easier to change it in the future (just in one place, not in few)

Original file line number Diff line number Diff line change
Expand Up @@ -106,6 +106,7 @@ export default function McpPage() {
hideTitleText
>
<Panel
style={{ maxWidth: '1280px', margin: '0.1em auto -8px auto', width: '100%' }}
headerLevel="H2"
headerText="Panel"
header={<Title level="H3">{t('McpPage.componentsTitle')}</Title>}
Expand All @@ -121,6 +122,7 @@ export default function McpPage() {
hideTitleText
>
<Panel
style={{ maxWidth: '1280px', margin: '0.1em auto -8px auto', width: '100%' }}
headerLevel="H3"
headerText="Panel"
header={<Title level="H3">{t('McpPage.crossplaneTitle')}</Title>}
Expand All @@ -144,6 +146,7 @@ export default function McpPage() {
hideTitleText
>
<Panel
style={{ maxWidth: '1280px', margin: '0.1em auto -8px auto', width: '100%' }}
headerLevel="H3"
headerText="Panel"
header={<Title level="H3">{t('McpPage.landscapersTitle')}</Title>}
Expand All @@ -159,6 +162,7 @@ export default function McpPage() {
hideTitleText
>
<Panel
style={{ maxWidth: '1280px', margin: '0.1em auto -8px auto', width: '100%' }}
headerLevel="H3"
headerText="Panel"
header={<Title level="H3">{t('McpPage.gitOpsTitle')}</Title>}
Expand Down
Loading