From 00b339f5684fb7811cd60986c04b86ba970d0e67 Mon Sep 17 00:00:00 2001 From: Spark Date: Thu, 1 Jul 2021 10:18:48 +0900 Subject: [PATCH] layouut --- client/public/index.html | 43 +++++++++--------- client/src/App copy.css | 66 ---------------------------- client/src/App.css | 11 +++++ client/src/components/Footer copy.js | 40 +++++++++++++++++ client/src/components/TimeNow.js | 4 +- 5 files changed, 76 insertions(+), 88 deletions(-) delete mode 100644 client/src/App copy.css create mode 100644 client/src/components/Footer copy.js diff --git a/client/public/index.html b/client/public/index.html index 2afde0e..97ae4f6 100644 --- a/client/public/index.html +++ b/client/public/index.html @@ -1,21 +1,19 @@ - - - - - - - - - - - EUE, make your day - - - -
- - - + + + \ No newline at end of file diff --git a/client/src/App copy.css b/client/src/App copy.css deleted file mode 100644 index 9043041..0000000 --- a/client/src/App copy.css +++ /dev/null @@ -1,66 +0,0 @@ - -.App { - text-align: center; -} - -.App-logo { - height: 40vmin; - pointer-events: none; -} - -@media (prefers-reduced-motion: no-preference) { - .App-logo { - animation: App-logo-spin infinite 20s linear; - } -} - -.App-header { - background-color: #282c34; - min-height: 100vh; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: calc(10px + 2vmin); - color: white; -} - -.App-link { - color: #61dafb; -} - -@keyframes App-logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -.container { - padding-top: 15px; - padding-bottom: 15px; - margin-top: auto; - margin-bottom: auto; -} -/* Extra small devices (phones, less than 768px) */ - -/* Small devices (tablets, 768px and up) */ -@media (min-width: 768px) { - .container { - width: 750px; - } -} -/* Medium devices (desktops, 992px and up) */ -@media (min-width: 992px) { - .container { - width: 970px; - } -} -/* Large devices (large desktops, 1200px and up) */ -@media (min-width: 1200px) { - .container { - width: 1170px; - } -} \ No newline at end of file diff --git a/client/src/App.css b/client/src/App.css index e575a8a..e3a75b1 100644 --- a/client/src/App.css +++ b/client/src/App.css @@ -1,9 +1,17 @@ +@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); + +body { + font-family: "Noto Sans KR", sans-serif !important; +} + @media (max-width: 767.98px) { body { padding: 10px; padding-left: 20px; padding-right: 20px; margin: auto; + /* font-family: "Noto Sans KR", sans-serif; */ + } .container-fluid { max-width: 480px !important; @@ -17,7 +25,10 @@ padding-left: 50px; padding-right: 50px; margin: auto; + /* font-family: "Noto Sans KR", sans-serif; */ + } + .container-fluid { max-width: 1200px !important; } diff --git a/client/src/components/Footer copy.js b/client/src/components/Footer copy.js new file mode 100644 index 0000000..203fc54 --- /dev/null +++ b/client/src/components/Footer copy.js @@ -0,0 +1,40 @@ +import React from 'react' +import { Container, Row, Card, Table, Button } from 'react-bootstrap'; +import { Bar } from 'react-chartjs-2' + +function Footer2() { + const fontstyl = { + fontSize: '0.5em', + margin: 'auto', + padding: '1em', + display: 'flex', + justifyContent: 'center', + width: '100%', + borderWidth: '2px', + borderColor: 'rgba(195, 195, 195, 0.753)', + color: 'rgb(110, 189, 142)' + } + const btnstyled = { + background: 'rgb(110, 189, 142)', + margin: '1px', + maxWidth: '100%', + borderWidth: '2px', + fontSize: '10px', + borderColor: 'rgba(195, 195, 195, 0.753)', + borderRadius: '20px', + } + + + return ( + + <> + + + + + + + ) +} + +export default Footer2; \ No newline at end of file diff --git a/client/src/components/TimeNow.js b/client/src/components/TimeNow.js index 10a063a..218ca9e 100644 --- a/client/src/components/TimeNow.js +++ b/client/src/components/TimeNow.js @@ -1,6 +1,8 @@ import React, { Component } from 'react'; import { Jumbotron, Container, Row, Card } from 'react-bootstrap'; import Clock from 'react-live-clock' +import '../App.css' + function TimeNow() { const fontstyl = { @@ -18,7 +20,7 @@ function TimeNow() { <> - + 현ėžŽė‹œę° -- GitLab