regalijan/car-crushers-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make report card more bearable on mobile

Browse Source
This commit is contained in:
regalijan 2023-10-20 00:39:56 -04:00
parent 98a56f209b
commit 6e42af0b70
Signed by: regalijan
GPG Key ID: 5D4196DA269EF520
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/ReportCard.tsx
View File

@ -13,6 +13,7 @@ import {
Stack,
Text,
useToast,
VStack,
} from "@chakra-ui/react";
import { useState } from "react";
@ -130,7 +131,7 @@ export default function (props: ReportCardProps) {
<Text my="16px">{props.description}</Text>
</CardBody>
<CardFooter>
<Stack direction="column">
<Stack direction="column" gap="16px">
{(function () {
const radioGroups = [];
for (let i = 0; i < props.target_ids.length; i++) {
@ -141,7 +142,7 @@ export default function (props: ReportCardProps) {
actionMap[props.target_ids[i]] = parseInt(val);
}}
>
<Stack direction="row">
<VStack alignItems="flex-start">
<Text>{props.target_usernames[i]}</Text>
<Radio key={0} value="0">
Ignore
@ -152,7 +153,7 @@ export default function (props: ReportCardProps) {
<Radio key={2} value="2">
Ban
</Radio>
</Stack>
</VStack>
</RadioGroup>,
);
}