Update Button Stack

This commit is contained in:
Nofated095 2023-05-13 09:02:16 +08:00
parent 421e632333
commit a2baa08996
1 changed files with 14 additions and 10 deletions

View File

@ -6,6 +6,8 @@ import Link from '@mui/material/Link';
import Grid from '@mui/material/Unstable_Grid2'; import Grid from '@mui/material/Unstable_Grid2';
import Tabs from '@mui/material/Tabs'; import Tabs from '@mui/material/Tabs';
import Tab from '@mui/material/Tab'; import Tab from '@mui/material/Tab';
import Button from '@mui/material/Button';
import Stack from '@mui/material/Box';
import GitHubIcon from '@mui/icons-material/GitHub'; import GitHubIcon from '@mui/icons-material/GitHub';
import TelegramIcon from '@mui/icons-material/Telegram'; import TelegramIcon from '@mui/icons-material/Telegram';
@ -107,16 +109,18 @@ export default function App() {
Yoo! Yoo!
</Typography> </Typography>
I'm Nofated. I am a newbie in the coding world.<br /> I'm Nofated. I am a newbie in the coding world.<br />
Find me on{' '} Find me on
<Link href="https://github.com/Nofated095" color="inherit"> <Stack direction="row" spacing={2}>
<GitHubIcon />GitHub <Button href="https://github.com/Nofated095" startIcon={<GitHubIcon />}>
</Link>{', '} GitHub
<Link href="https://t.me/Nofated" color="inherit"> </Button>
<TelegramIcon />Telegram <Button href="https://t.me/s/Nofated" startIcon={<TelegramIcon />}>
</Link> and{' '} Telegram
<Link href="https://twitter.com/nofated095" color="inherit"> </Button>
<TwitterIcon />Twitter <Button href="https://twitter.com/nofated095" startIcon={<TwitterIcon />}>
</Link>. Twitter
</Button>
</Stack>
</Box> </Box>
<Box sx={{ my: 1 }}> <Box sx={{ my: 1 }}>
<Typography variant="h5" component="h2" gutterBottom> <Typography variant="h5" component="h2" gutterBottom>