Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found

Target

Select target project
  • 2023_2_webpromgramming_8/sicdorak
1 result
Show changes
Commits on Source (5)
...@@ -7,6 +7,7 @@ ...@@ -7,6 +7,7 @@
width: 100%; width: 100%;
/* height: 70px; */ /* height: 70px; */
border-bottom: 1px solid; border-bottom: 1px solid;
padding-top: auto;
/* overflow: auto */ /* overflow: auto */
} }
......
@font-face {
font-family: 'JalnanGothic';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff');
font-weight: normal;
font-style: normal;
}
.intro {
/* position: fixed; */
font-size: 30px;
background-image: url("../introduction.png");
width: 700px;
height: 180px;
/* display: flex; */
justify-content: center;
align-items: center;
padding: 50px;
/* flex-wrap: wrap; */
}
.intro p{
color: white;
font-family: "JalnanGothic";
}
Button {
width: 150px;
height: 50px;
font-size: 20px;
font-family:Arial, Helvetica, sans-serif;
transition:
transform .2s;
}
Button:hover{
opacity: 0.7;
transition: all 0.2s ease-out;
}
\ No newline at end of file
frontend/src/introduction.png

2.21 MiB

...@@ -3,11 +3,10 @@ import { useNavigate } from 'react-router-dom'; ...@@ -3,11 +3,10 @@ import { useNavigate } from 'react-router-dom';
import { UserContext } from '../Context.js'; import { UserContext } from '../Context.js';
import Article from '../components/Article.js'; import Article from '../components/Article.js';
import React, { useEffect, useState, useContext } from 'react'; import React, { useEffect, useState, useContext } from 'react';
import '../css/Main.css';
import axios from 'axios'; import axios from 'axios';
axios.defaults.withCredentials = true; axios.defaults.withCredentials = true;
function Button({ history, children }) { function Button({ history, children }) {
const navigate = useNavigate(); const navigate = useNavigate();
return ( return (
...@@ -49,7 +48,7 @@ function Main() { ...@@ -49,7 +48,7 @@ function Main() {
return ( return (
<div className="App"> <div className="App">
<h1>모두의 食道樂</h1> <h1>모두의 食道樂</h1>
<div className="introduction"> <div className="intro">
가보고 싶은 식당을 찾아보고, 가본 식당을 기록해보세요! 가보고 싶은 식당을 찾아보고, 가본 식당을 기록해보세요!
</div> </div>
<div style={{ display: 'flex' }}> <div style={{ display: 'flex' }}>
...@@ -58,7 +57,6 @@ function Main() { ...@@ -58,7 +57,6 @@ function Main() {
<option value="like">인기순</option> <option value="like">인기순</option>
</select> </select>
</div> </div>
{listItem} {listItem}
</div>); </div>);
} }
......