Skip to content

Commit 4ab4cec

Browse files
authored
🪟 🎨 Fix Configuration settings page layout (#22565)
* Cleanup ConfigurationsPage layout, extend card width to fit page remove top margin * Replace div with fragment in ConfigurationsPage
1 parent 2e099ac commit 4ab4cec

File tree

1 file changed

+4
-13
lines changed

1 file changed

+4
-13
lines changed

airbyte-webapp/src/pages/SettingsPage/pages/ConfigurationsPage/ConfigurationsPage.tsx

Lines changed: 4 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,19 @@
11
import React from "react";
22
import { FormattedMessage } from "react-intl";
3-
import styled from "styled-components";
43

54
import { HeadTitle } from "components/common/HeadTitle";
65
import { Card } from "components/ui/Card";
76

87
import LogsContent from "./components/LogsContent";
98

10-
const Content = styled.div`
11-
max-width: 813px;
12-
`;
13-
14-
const ControlContent = styled(Card)`
15-
margin-top: 12px;
16-
`;
17-
189
const ConfigurationsPage: React.FC = () => {
1910
return (
20-
<Content>
11+
<>
2112
<HeadTitle titles={[{ id: "sidebar.settings" }, { id: "admin.configuration" }]} />
22-
<ControlContent title={<FormattedMessage id="admin.logs" />}>
13+
<Card title={<FormattedMessage id="admin.logs" />}>
2314
<LogsContent />
24-
</ControlContent>
25-
</Content>
15+
</Card>
16+
</>
2617
);
2718
};
2819

0 commit comments

Comments
 (0)