Goatworks/Capital
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

💄 Optimized styles

Browse Source
This commit is contained in:
LittleSheep 2024-02-24 17:38:53 +08:00
parent bd6f24c286
commit f9fcae6c7c
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/page.tsx
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) => (