commit 72614e079e69aaa3d973b2a885ed99693a74a3d5
parent 4bf565a42227850ce39b6530fc0cc25b4d90a679
Author: Yuukin256 <Yuukin256@gmail.com>
Date: Thu, 10 Nov 2022 01:04:29 +0900
トップページ、レイアウトを修正
Diffstat:
2 files changed, 10 insertions(+), 12 deletions(-)
diff --git a/src/components/layouts/Layout.tsx b/src/components/layouts/Layout.tsx
@@ -64,7 +64,6 @@ const Layout: FC<Props> = ({ children, title }) => {
</AppBar>
<Box
sx={{
- paddingY: '10px',
flexGrow: 1,
}}
>
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -1,4 +1,5 @@
import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
import Stack from '@mui/material/Stack';
import Head from 'components/common/Head';
@@ -13,22 +14,20 @@ const Page: NextPage = () => {
<>
<Head title='トップ' />
<Layout title='トップ'>
- <Box sx={{ px: 2 }}>
+ <Box px={2}>
<p>
岸和田高校情報ゼミ制作「岸高時間割アプリ」です。詳細は「<Link href='/about'>このアプリについて</Link>
」をご覧ください。
</p>
- <Stack direction='row' justifyContent='space-around' alignItems='center'>
+ <Stack direction='row' spacing={{ xs: 2, md: 4 }} alignItems='center' width='100%' p={2}>
{GRADED_CLASSES.map((classes, g) => (
- <Box sx={{ margin: 2 }} key={g}>
- <ul style={{ margin: 0, padding: 0 }}>
- {classes.map((c) => (
- <li key={c}>
- <Link href={`/${c}`}>{c}</Link>
- </li>
- ))}
- </ul>
- </Box>
+ <Stack spacing={2} width='100%' key={g}>
+ {classes.map((c) => (
+ <Button fullWidth variant='outlined' href={`/${c}`} sx={{ fontSize: 15 }} key={c}>
+ {c}
+ </Button>
+ ))}
+ </Stack>
))}
</Stack>
</Box>
