Merge branch 'dev' of https://github.com/Devteamvietnam/shdsvn.com in…

…to dev
Devteamvietnam · Sep 3, 2022 · 4124976 · 4124976
2 parents 7961843 + 5af927d
commit 4124976
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 4 deletions.
diff --git a/src/components/header/UIHeader.tsx b/src/components/header/UIHeader.tsx
@@ -25,8 +25,15 @@ export class UIHeader extends Component<HeaderProps> {
 
     return (
       <React.Fragment>
-        <AppBar position="relative">
-          <Toolbar sx={{ borderBottom: 1, borderColor: 'divider' }}>
+        <AppBar
+          position="static"
+          color="default"
+          elevation={0}
+          sx={{ borderBottom: theme => `1px solid ${theme.palette.divider}` }}
+        >
+          <Toolbar
+            sx={{ borderBottom: 1, borderColor: 'divider', flexWrap: 'wrap' }}
+          >
             <Typography
               component="h1"
               variant="h5"
@@ -49,12 +56,16 @@ export class UIHeader extends Component<HeaderProps> {
             >
               <img src={logo} className="App-logo-header" alt="logo" />
             </Typography>
-            <Button variant="outlined" size="small"></Button>
+            <Button size="small"></Button>
           </Toolbar>
           <Toolbar
             component="nav"
             variant="dense"
-            sx={{ justifyContent: 'center', overflowX: 'auto' }}
+            sx={{
+              justifyContent: 'center',
+              overflowX: 'auto',
+              flexWrap: 'wrap'
+            }}
           >
             {sections.map(section => (
               <Link

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -7,6 +7,7 @@ import FacebookIcon from '@mui/icons-material/Facebook';
 import TwitterIcon from '@mui/icons-material/Twitter';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
 import Grid from '@mui/material/Grid';
+import GlobalStyles from '@mui/material/GlobalStyles';
 
 import { AppContext } from '../api';
 
@@ -86,6 +87,9 @@ export class UIPages extends Component {
     const posts = [];
     return (
       <ThemeProvider theme={theme}>
+        <GlobalStyles
+          styles={{ ul: { margin: 0, padding: 0, listStyle: 'none' } }}
+        />
         <CssBaseline />
         <Container maxWidth="xl">
           <UIHeader sections={sections} title={'SHDSVN'} />