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

Make revoke button less terrible on mobile

Browse Source
This commit is contained in:
Regalijan 2023-10-22 18:06:20 -04:00
parent 24bbc98624
commit b45378367b
Signed by: regalijan
GPG Key ID: 5D4196DA269EF520
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/routes/hammer.tsx
View File

@ -102,7 +102,12 @@ export default function () {
user, user,
}: { }: {
history: { [k: string]: any }[]; history: { [k: string]: any }[];
user: { avatar: string | null; current_status: string; id: number; name: string }; user: {
avatar: string | null;
current_status: string;
id: number;
name: string;
};
} = await historyResp.json(); } = await historyResp.json();
if (!history.length) { if (!history.length) {
@ -313,7 +318,7 @@ export default function () {
<Container mb={3} mt={3}> <Container mb={3} mt={3}>
<Card visibility={visible ? "visible" : "hidden"}> <Card visibility={visible ? "visible" : "hidden"}>
<CardBody> <CardBody>
<Flex> <Flex flexWrap="wrap" justifyContent="center">
<Image mb="16" src={avatarUrl} /> <Image mb="16" src={avatarUrl} />
<Spacer /> <Spacer />
<Button <Button
@ -324,7 +329,7 @@ export default function () {
Revoke Punishment Revoke Punishment
</Button> </Button>
</Flex> </Flex>
<Stack divider={<StackDivider />} spacing="6"> <Stack divider={<StackDivider />} mt="8px" spacing="6">
<Box> <Box>
<Heading size="xs">USERNAME</Heading> <Heading size="xs">USERNAME</Heading>
<Text pt="2" fontSize="sm"> <Text pt="2" fontSize="sm">