diff options
author | syn <isaqtm@gmail.com> | 2020-01-13 22:16:16 +0300 |
---|---|---|
committer | syn <isaqtm@gmail.com> | 2020-01-13 22:16:16 +0300 |
commit | 39083e6488e15bdb5ee02713e62c37718b0a4301 (patch) | |
tree | 60184c50d741fc755a80ede608e45dbce00ff35f /src/App.js | |
parent | eca1edf0943aa1531f41542508fa8504c96bc491 (diff) | |
download | fcked-rt-39083e6488e15bdb5ee02713e62c37718b0a4301.tar.gz |
Diffstat (limited to 'src/App.js')
-rw-r--r-- | src/App.js | 40 |
1 files changed, 33 insertions, 7 deletions
@@ -1,16 +1,42 @@ -import './App.css' +import SignIn from './signin.js'; +import Container from '@material-ui/core/Container'; +import Grid from '@material-ui/core/Grid'; +import RuzList from './RuzList.js'; +//import RuzSearch from './RuzSearch.js'; +import { makeStyles, ThemeProvider, useTheme, createMuiTheme } from '@material-ui/core/styles'; import React, {Component} from 'react' +const theme = createMuiTheme({ + palette: { + type: 'dark', + background: { + paper: '#121212', + default: '#121212', + }, + primary: { + main: '#BB86FC', + }, + secondary: { + main: '#03DAC6', + }, + } +}); + class App extends Component { render() { - return <div className="App"> - <div className="App-heading App-flex"> - <h2>Welcome to <span className="App-react">React</span></h2> - </div> + return <div className=""> + <ThemeProvider theme={theme}> + <Grid container spacing={0}> + <Grid item xs={12} md={6} lg={6}> + <RuzList /> + </Grid> + <Grid item xs={12} md={6} lg={6}> + {/* <SignIn /> */} + </Grid> + </Grid> + </ThemeProvider> <div className="App-instructions App-flex"> - <img className="App-logo" src={require('./react.svg')}/> - <p>Edit <code>src/App.js</code> and save to hot reload your changes.</p> </div> </div> } |