used blog
This commit is contained in:
19
src/App.jsx
19
src/App.jsx
@@ -1,19 +0,0 @@
|
|||||||
import * as React from 'react';
|
|
||||||
import Container from '@mui/material/Container';
|
|
||||||
import Typography from '@mui/material/Typography';
|
|
||||||
import Box from '@mui/material/Box';
|
|
||||||
|
|
||||||
import Copyright from './Copyright';
|
|
||||||
|
|
||||||
export default function App() {
|
|
||||||
return (
|
|
||||||
<Container maxWidth="sm">
|
|
||||||
<Box sx={{ my: 4 }}>
|
|
||||||
<Typography variant="h4" component="h1" sx={{ mb: 2 }}>
|
|
||||||
Blog
|
|
||||||
</Typography>
|
|
||||||
<Copyright />
|
|
||||||
</Box>
|
|
||||||
</Container>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,21 +0,0 @@
|
|||||||
import * as React from 'react';
|
|
||||||
import Typography from '@mui/material/Typography';
|
|
||||||
import Link from '@mui/material/Link';
|
|
||||||
|
|
||||||
export default function Copyright() {
|
|
||||||
return (
|
|
||||||
<Typography
|
|
||||||
variant="body2"
|
|
||||||
align="center"
|
|
||||||
sx={{
|
|
||||||
color: 'text.secondary',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{'Copyright © '}
|
|
||||||
<Link color="inherit" href="https://aetoskia.com/">
|
|
||||||
Aetoskia
|
|
||||||
</Link>{' '}
|
|
||||||
{new Date().getFullYear()}.
|
|
||||||
</Typography>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
11
src/main.jsx
11
src/main.jsx
@@ -1,19 +1,12 @@
|
|||||||
import * as React from 'react';
|
import * as React from 'react';
|
||||||
import { createRoot } from 'react-dom/client';
|
import { createRoot } from 'react-dom/client';
|
||||||
import CssBaseline from '@mui/material/CssBaseline';
|
import Blog from './blog/Blog';
|
||||||
import { ThemeProvider } from '@mui/material/styles';
|
|
||||||
import App from './App';
|
|
||||||
import theme from './theme';
|
|
||||||
|
|
||||||
const rootElement = document.getElementById('root');
|
const rootElement = document.getElementById('root');
|
||||||
const root = createRoot(rootElement);
|
const root = createRoot(rootElement);
|
||||||
|
|
||||||
root.render(
|
root.render(
|
||||||
<React.StrictMode>
|
<React.StrictMode>
|
||||||
<ThemeProvider theme={theme}>
|
<Blog />
|
||||||
{/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */}
|
|
||||||
<CssBaseline />
|
|
||||||
<App />
|
|
||||||
</ThemeProvider>
|
|
||||||
</React.StrictMode>,
|
</React.StrictMode>,
|
||||||
);
|
);
|
||||||
|
|||||||
20
src/theme.js
20
src/theme.js
@@ -1,20 +0,0 @@
|
|||||||
import { createTheme } from '@mui/material/styles';
|
|
||||||
import { red } from '@mui/material/colors';
|
|
||||||
|
|
||||||
// Create a theme instance.
|
|
||||||
const theme = createTheme({
|
|
||||||
cssVariables: true,
|
|
||||||
palette: {
|
|
||||||
primary: {
|
|
||||||
main: '#556cd6',
|
|
||||||
},
|
|
||||||
secondary: {
|
|
||||||
main: '#19857b',
|
|
||||||
},
|
|
||||||
error: {
|
|
||||||
main: red.A400,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
export default theme;
|
|
||||||
Reference in New Issue
Block a user