Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Noelsky-code] 메인 페이지 헤더 , 바디 UI, 호버 구현 #30

Merged
merged 37 commits into from
Nov 2, 2021
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
37 commits
Select commit Hold shift + click to select a range
8cdf0fe
Feat: server express 생성
ddaynew365 Nov 1, 2021
6ae60ee
Feat: eslint, prettier 적용
ddaynew365 Nov 1, 2021
ba1a04e
Feat : 메인 페이지 헤더 유저 아이콘 UI 생성 #2
Noelsky-code Nov 1, 2021
f94f2a4
Feat : 메인 페이지 헤더 로고 레이아웃 #5
Noelsky-code Nov 1, 2021
3503966
Fix : 메인 헤더 로고 수정 #5
Noelsky-code Nov 1, 2021
587020b
Fix : 메인 헤더 유저 아이콘 수정 #2
Noelsky-code Nov 1, 2021
2316dc1
Feat : MainPageBody Template 추가 #6
Noelsky-code Nov 1, 2021
522a485
fix : jsx 주석 다시 추가
Noelsky-code Nov 1, 2021
32105c1
feat : MainPageBody left,right 프레임 추가 #6
Noelsky-code Nov 1, 2021
d7f2466
fix : 메인 페이지 헤더 로고 레이아웃 css 수정 #5
Noelsky-code Nov 1, 2021
1d79cb7
feat : 메인 페이지 바디 이미지 레이아웃 생성 #6
Noelsky-code Nov 1, 2021
f0ec2b4
feat : 메인 페이지 이미지 css before 적용 #6
Noelsky-code Nov 1, 2021
87fdf68
feat : 메인 페이지 이미지 레이아웃 수정 #6
Noelsky-code Nov 1, 2021
dd2359e
feat : 메인 페이지 이미지 호버 - 왼쪽 구현 #11
Noelsky-code Nov 1, 2021
7b9fc34
update : 메인 페이지 헤더 유저 아이콘 css 수정 #5
Noelsky-code Nov 1, 2021
15cccd9
Feat : 메인 페이지 이미지 호버 이벤트 구현 #11
Noelsky-code Nov 1, 2021
a72fd88
[#10]Remove: typeorm 제거
ddaynew365 Nov 2, 2021
771210a
merge conflict
ddaynew365 Nov 2, 2021
48e285c
Merge pull request #31 from boostcampwm-2021/Feat/SettingServer
jin-Pro Nov 2, 2021
621b43c
Revert "[Feat/setting server] 개발환경세팅"
jin-Pro Nov 2, 2021
e9413e3
Merge pull request #32 from boostcampwm-2021/revert-31-Feat/SettingSe…
jin-Pro Nov 2, 2021
ca20621
Error: merge conflict
ddaynew365 Nov 2, 2021
6b93c42
Feat : 메인 페이지 헤더 유저 아이콘 UI 생성 #2
Noelsky-code Nov 1, 2021
3d54eeb
Feat : 메인 페이지 헤더 로고 레이아웃 #5
Noelsky-code Nov 1, 2021
9409d7a
Fix : 메인 헤더 로고 수정 #5
Noelsky-code Nov 1, 2021
736df4a
Fix : 메인 헤더 유저 아이콘 수정 #2
Noelsky-code Nov 1, 2021
6096ff3
Feat : MainPageBody Template 추가 #6
Noelsky-code Nov 1, 2021
4458371
fix : jsx 주석 다시 추가
Noelsky-code Nov 1, 2021
798fc33
feat : MainPageBody left,right 프레임 추가 #6
Noelsky-code Nov 1, 2021
74d975b
fix : 메인 페이지 헤더 로고 레이아웃 css 수정 #5
Noelsky-code Nov 1, 2021
93206f9
feat : 메인 페이지 바디 이미지 레이아웃 생성 #6
Noelsky-code Nov 1, 2021
ff6e9be
feat : 메인 페이지 이미지 css before 적용 #6
Noelsky-code Nov 1, 2021
741fb3c
feat : 메인 페이지 이미지 레이아웃 수정 #6
Noelsky-code Nov 1, 2021
666f786
feat : 메인 페이지 이미지 호버 - 왼쪽 구현 #11
Noelsky-code Nov 1, 2021
96456e4
update : 메인 페이지 헤더 유저 아이콘 css 수정 #5
Noelsky-code Nov 1, 2021
b58c5cb
Feat : 메인 페이지 이미지 호버 이벤트 구현 #11
Noelsky-code Nov 1, 2021
90caf8f
Merge branch 'Feat/MainPage' of https://github.com/boostcampwm-2021/w…
Noelsky-code Nov 2, 2021
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 4 additions & 6 deletions client/src/Atom/MainHeaderLogo.tsx
Original file line number Diff line number Diff line change
@@ -1,18 +1,16 @@
/** @jsxImportSource @emotion/react */
import React from "react";
import { css } from "@emotion/react";
import logo from "../assets/Logo.svg";

const mainHeaderLogoStyle = css`
font-family: Romanesco;
font-style: Regular;
font-size: 96px;
position: relative;
left: 30%;
top: 40%;
left: 40%;
top: 70%;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

나는 이부분에 대해서 top과 left말고 flex 정렬을 사용할것 같아

`;

function MainHeaderLogo() {
return <div css={mainHeaderLogoStyle}>CowDogTing</div>;
return <img alt="mainLogo" src={logo} css={mainHeaderLogoStyle} />;
}

export default MainHeaderLogo;
Loading