♻️ 使用 NextJS 重构 #1
| @@ -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) => ( | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user