fix: LookBookSelectModal style

Hot-Spicy-Buffalo-Wing · Jun 7, 2024 · 308c950 · 308c950
1 parent 6483765
commit 308c950
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/pages/LookBookSelectModalButton.tsx b/src/pages/LookBookSelectModalButton.tsx
@@ -37,21 +37,21 @@ const LookBookSelectModalButton = ({
               key={lookBook.id}
               h={400}
               bd="1px solid black"
-              style={{ position: 'relative' }}
+              style={{ position: 'relative', paddingTop: '20px' }}
             >
               <Image
                 src={lookBook.imageUrl}
                 alt={lookBook.prompt}
                 h={200}
                 fit="contain"
               />
-              <Text>{lookBook.prompt}</Text>
+              <Text style={{ margin: '30px 20px' }}>{lookBook.prompt}</Text>
               <Button
                 onClick={() => {
                   onAddLookBook(lookBook);
                   setShow(false);
                 }}
-                style={{ position: 'absolute', right: 0, bottom: 0 }}
+                style={{ position: 'absolute', right: 5, bottom: 5 }}
               >
                 Add
               </Button>

diff --git a/src/pages/PostListPage.tsx b/src/pages/PostListPage.tsx
@@ -1,12 +1,11 @@
-import { Box, Table, Button, useMantineTheme } from '@mantine/core';
+import { Box, Table, Button } from '@mantine/core';
 
 import useSWR from 'swr';
 import { Post } from '../api/post';
 import { Link } from 'react-router-dom';
 
 const PostListPage = () => {
   const { data } = useSWR<{ total: number; list: Post[] }>('/post');
-  const theme = useMantineTheme();
 
   return (
     <Box