layouut

52e093f9 · Spark · KangMin An · f3f8e564 · 52e093f9 · f3f8e564
Commit 52e093f9 authored Jul 01, 2021 by Spark Committed by KangMin An Jul 19, 2021
--- a/client/public/index.html
+++ b/client/public/index.html
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+
+<head>
  <meta charset="utf-8" />
  <link rel="icon" href="%PUBLIC_URL%/images/logoeue.png" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
+  <meta name="description" content="Web site created using create-react-app" />
  <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
  <!--
      manifest.json provides metadata used when your web app is installed on a
@@ -25,8 +23,10 @@
      Learn how to configure a non-root public URL by running `npm run build`.
    -->
  <title>EUE, make your day</title>
-  </head>
-  <body>
+
+</head>
+
+<body>
  <noscript>You need to enable JavaScript to run this app.</noscript>
  <div id="root"></div>
  <!--
@@ -39,5 +39,6 @@
      To begin the development, run `npm start` or `yarn start`.
      To create a production bundle, use `npm run build` or `yarn build`.
    -->
-  </body>
+</body>
+
 </html>
\ No newline at end of file
--- a/client/src/App copy.css
+++ b/client/src/App copy.css
-
-.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
--- a/client/src/App.css
+++ b/client/src/App.css
+@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;
  }

--- a/client/src/components/Footer copy.js
+++ b/client/src/components/Footer copy.js
+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 (
+
+        <>
+            <Row className='text-center w-100 my-2'>
+                <Card style={fontstyl}>
+
+                </Card>
+            </Row>
+        </>
+    )
+}
+
+export default Footer2;
\ No newline at end of file
--- a/client/src/components/TimeNow.js
+++ b/client/src/components/TimeNow.js
 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() {
            <>
                <Row className='text-center w-100 my-2'>
                    <Card style={fontstyl}>
-                        <Card.Title>
+                        <Card.Title style={{color:'black'}}>
                            현재시각
                        </Card.Title>
                        <Card.Text>