Oh yeah I forgot the other half

regalijan · Oct 19, 2023 · 4a0f769 · 4a0f769
1 parent 48fd498
commit 4a0f769
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 26 deletions.
diff --git a/app/routes/hammer.tsx b/app/routes/hammer.tsx
@@ -1,4 +1,6 @@
 import {
+  Alert,
+  AlertIcon,
   Box,
   Button,
   Card,
@@ -173,31 +175,33 @@ export default function () {
           Search
         </Button>
       </HStack>
-      <Card maxW="sm" visibility={visible ? "visible" : "hidden"}>
-        <CardBody>
-          <Image mb="16" src={avatarUrl} />
-          <Stack divider={<StackDivider />} spacing="6">
-            <Box>
-              <Heading size="xs">USERNAME</Heading>
-              <Text pt="2" fontSize="sm">
-                {username}
-              </Text>
-            </Box>
-            <Box>
-              <Heading size="xs">USER ID</Heading>
-              <Text pt="2" fontSize="sm">
-                {uid}
-              </Text>
-            </Box>
-            <Box>
-              <Heading size="xs">MODERATION STATUS</Heading>
-              <Text pt="2" fontSize="sm">
-                {status}
-              </Text>
-            </Box>
-          </Stack>
-        </CardBody>
-      </Card>
+      <Center mb={3} mt={3}>
+        <Card maxW="md" visibility={visible ? "visible" : "hidden"}>
+          <CardBody>
+            <Image mb="16" src={avatarUrl} />
+            <Stack divider={<StackDivider />} spacing="6">
+              <Box>
+                <Heading size="xs">USERNAME</Heading>
+                <Text pt="2" fontSize="sm">
+                  {username}
+                </Text>
+              </Box>
+              <Box>
+                <Heading size="xs">USER ID</Heading>
+                <Text pt="2" fontSize="sm">
+                  {uid}
+                </Text>
+              </Box>
+              <Box>
+                <Heading size="xs">MODERATION STATUS</Heading>
+                <Text pt="2" fontSize="sm">
+                  {status}
+                </Text>
+              </Box>
+            </Stack>
+          </CardBody>
+        </Card>
+      </Center>
       {history}
     </Container>
   );

diff --git a/components/Success.tsx b/components/Success.tsx
@@ -1,4 +1,4 @@
-import { Container, Flex, Heading, Spacer, Text } from "@chakra-ui/react";
+import { Center, Container, Flex, Heading, Spacer, Text } from "@chakra-ui/react";
 
 export default function ({
   heading,
@@ -29,10 +29,12 @@ export default function ({
         </svg>
         <Spacer />
       </Flex>
+      <Center>
       <br />
       <Heading>{heading}</Heading>
       <br />
       <Text>{message}</Text>
+      </Center>
     </Container>
   );
 }