最後會以這30天介紹的元件,去拼成想要的範例網站![!
例如這張截圖 用到了Mui的 MuiAppBar跟MuiToolbar
<AppBar position="fixed">
<Toolbar sx={{ justifyContent: 'space-between' }}>
<Box sx={{ flex: 1 }} />
<Link
variant="h6"
underline="none"
color="inherit"
href="/premium-themes/onepirate/"
sx={{ fontSize: 24 }}
>
{'onepirate'}
</Link>
<Box sx={{ flex: 1, display: 'flex', justifyContent: 'flex-end' }}>
<Link
color="inherit"
variant="h6"
underline="none"
href="/premium-themes/onepirate/sign-in/"
sx={rightLink}
>
{'Sign In'}
</Link>
<Link
variant="h6"
underline="none"
href="/premium-themes/onepirate/sign-up/"
sx={{ ...rightLink, color: 'secondary.main' }}
>
{'Sign Up'}
</Link>
</Box>
</Toolbar>
</AppBar>
<Toolbar />
接下來就要試著拚出Mui版本的IT邦幫忙了