From 98bfb4196b745ec52cc37d543b5117ff10b33248 Mon Sep 17 00:00:00 2001 From: csasq Date: Fri, 16 Aug 2024 16:55:37 +0300 Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=BE=D0=B4=D0=BA=D0=BB=D1=8E=D1=87?= =?UTF-8?q?=D0=B5=D0=BD=20React?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/public/index.html | 29 +++++++++++++++++++++++++++++ frontend/public/robots.txt | 2 ++ frontend/src/App.css | 21 +++++++++++++++++++++ frontend/src/App.js | 36 ++++++++++++++++++++++++++++++++++++ frontend/src/index.css | 4 ++++ frontend/src/index.js | 13 +++++++++++++ 6 files changed, 105 insertions(+) create mode 100644 frontend/public/index.html create mode 100644 frontend/public/robots.txt create mode 100644 frontend/src/App.css create mode 100644 frontend/src/App.js create mode 100644 frontend/src/index.css create mode 100644 frontend/src/index.js 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( + + + + +);