♻️ 使用 NextJS 重构 #1

Merged
LittleSheep merged 12 commits from refactor/v2 into master 2024-02-24 14:19:52 +00:00
Showing only changes of commit f9fcae6c7c - Show all commits

View File

@ -32,7 +32,12 @@ export default function Home() {
</Typography> </Typography>
<Button variant="contained" href="#about-us" size="large"></Button> <Button variant="contained" href="#about-us" size="large"></Button>
</Grid> </Grid>
<Grid item xs={12} md={6} sx={{ display: "flex", justifyContent: "end" }}> <Grid
item
xs={12}
md={6}
sx={{ display: "flex", justifyContent: { xs: "center", lg: "end" }, order: { xs: -100, lg: 0 } }}
>
<Box> <Box>
<Image src="/smartsheep.svg" alt="Logo" width={256} height={256} /> <Image src="/smartsheep.svg" alt="Logo" width={256} height={256} />
</Box> </Box>
@ -45,7 +50,7 @@ export default function Home() {
alignItems="center" alignItems="center"
sx={{ height: "calc(100vh - 64px)" }} sx={{ height: "calc(100vh - 64px)" }}
> >
<Grid item xs={12} md={6} sx={{ display: "flex", justifyContent: "start" }}> <Grid item xs={12} md={6} sx={{ display: "flex", justifyContent: { xs: "center", lg: "end" } }}>
<Card sx={{ flexGrow: 1, mr: { xs: 0, md: 8 } }}> <Card sx={{ flexGrow: 1, mr: { xs: 0, md: 8 } }}>
<List sx={{ width: "100%", bgcolor: "background.paper" }}> <List sx={{ width: "100%", bgcolor: "background.paper" }}>
{RELATED_ACCOUNTS.map((item, idx) => ( {RELATED_ACCOUNTS.map((item, idx) => (