diff --git a/frontend/public/index.html b/frontend/public/index.html new file mode 100644 index 0000000..ac44052 --- /dev/null +++ b/frontend/public/index.html @@ -0,0 +1,29 @@ + + + + + + + Настройки + + + + + + + +
+ + diff --git a/frontend/public/robots.txt b/frontend/public/robots.txt new file mode 100644 index 0000000..1f53798 --- /dev/null +++ b/frontend/public/robots.txt @@ -0,0 +1,2 @@ +User-agent: * +Disallow: / diff --git a/frontend/src/App.css b/frontend/src/App.css new file mode 100644 index 0000000..386bf61 --- /dev/null +++ b/frontend/src/App.css @@ -0,0 +1,21 @@ +#root { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: flex; + flex-direction: column; + justify-content: space-between; + margin: 0; + background-color: var(--md-sys-color-surface-container-high); + scroll-behavior: smooth; +} + +main { + padding: 1rem; +} + +main > * { + width: 100%; +} diff --git a/frontend/src/App.js b/frontend/src/App.js new file mode 100644 index 0000000..f69e5a7 --- /dev/null +++ b/frontend/src/App.js @@ -0,0 +1,36 @@ +import React, { useEffect } from 'react'; + +import { styles as typescaleStyles } from '@material/web/typography/md-typescale-styles.js'; +import '@material/web/switch/switch.js'; + +import './App.css' + +function App() { + useEffect(() => { + document.adoptedStyleSheets = [typescaleStyles.styleSheet] + }, []) + return ( +
+ + +
+ //
+ //
+ // logo + //

+ // Edit src/App.js and save to reload. + //

+ // + // Learn React + // + //
+ //
+ ) +} + +export default App diff --git a/frontend/src/index.css b/frontend/src/index.css new file mode 100644 index 0000000..57c3862 --- /dev/null +++ b/frontend/src/index.css @@ -0,0 +1,4 @@ +body { + margin: 0; + scroll-behavior: smooth; +} diff --git a/frontend/src/index.js b/frontend/src/index.js new file mode 100644 index 0000000..a1658e7 --- /dev/null +++ b/frontend/src/index.js @@ -0,0 +1,13 @@ +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import './index.css'; +import App from './App'; +import BottomNavBar from "./BottomNavBar"; + +const root = ReactDOM.createRoot(document.getElementById('root')); +root.render( + + + + +);