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