woj/woj-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: flex layout on Row/Col

Browse Source
This commit is contained in:
Paul Pan 2023-12-23 20:19:27 +08:00
parent eed6d8cfdc
commit 483077daf0
5 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/details.tsx
View File

@ -132,8 +132,8 @@ export default function DetailsPage() {
return (
<>
<Row justify="center" align="top" gutter={[16, 16]}>
<Col span={18}>{body}</Col>
<Col span={6}>{details && <ProblemDetails details={details} />}</Col>
<Col flex={6}>{body}</Col>
<Col flex={1}>{details && <ProblemDetails details={details} />}</Col>
</Row>
</>
);

4
src/pages/problem.tsx
View File

@ -32,8 +32,8 @@ export default function ProblemPage() {
return (
<>
<Row justify="center" align="top" gutter={[16, 16]}>
<Col span={18}>{ProblemStatement}</Col>
<Col span={6}>{MiscPanel}</Col>
<Col flex={5}>{ProblemStatement}</Col>
<Col flex={1}>{MiscPanel}</Col>
</Row>
</>
);

4
src/pages/profile.tsx
View File

@ -13,10 +13,10 @@ export default function ProfilePage() {
return (
<>
<Row justify="center" align="top" gutter={[16, 16]}>
<Col span={18}>
<Col flex={6}>
<StatusTable uid={id_num} token={auth.token} />
</Col>
<Col span={6}>
<Col flex={1}>
<UserInfo uid={id_num} token={auth.token} />
</Col>
</Row>

4
src/pages/status.tsx
View File

@ -13,11 +13,11 @@ export default function ProblemStatusPage() {
return (
<>
<Row justify="center" align="top" gutter={[16, 16]}>
<Col span={18}>
<Col flex={6}>
{" "}
<StatusTable pid={+(id || "0")} token={auth.token} />
</Col>
<Col span={6}>
<Col flex={1}>
<ProblemDetails details={details} />
</Col>
</Row>

4
src/pages/submit.tsx
View File

@ -74,8 +74,8 @@ export default function SubmitPage() {
<>
{msgContextHolder}
<Row justify="center" align="top" gutter={[16, 16]}>
<Col span={18}>{codeEditor}</Col>
<Col span={6}>{MiscPanel}</Col>
<Col flex={6}>{codeEditor}</Col>
<Col flex={1}>{MiscPanel}</Col>
</Row>
</>
);