-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
refactor: use tailwind primary color
- Loading branch information
1 parent
398aa9b
commit 504c815
Showing
10 changed files
with
315 additions
and
205 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,53 +1,59 @@ | ||
| import React from 'react'; | ||
| import Header from './component/Header'; | ||
| import { FaLocationArrow } from "react-icons/fa"; | ||
| import { FaLocationArrow } from 'react-icons/fa'; | ||
| import { Link } from 'react-router-dom'; | ||
| import Category from './component/Category'; | ||
| import Category from './component/Category'; | ||
| import Grade from './component/Grade'; | ||
| import Feel from './component/Feel'; | ||
|
|
||
| import Feel from './component/Feel'; | ||
|
|
||
| type ReviewProps = { | ||
| type: string; | ||
| profileImg: string; | ||
| profileUrl: string; | ||
| name: string; | ||
| videoImg?: string; | ||
| followChk?: boolean; | ||
| videoUrl: string; | ||
| Categorys: string[]; | ||
| } | ||
| type: string; | ||
| profileImg: string; | ||
| profileUrl: string; | ||
| name: string; | ||
| videoImg?: string; | ||
| followChk?: boolean; | ||
| videoUrl: string; | ||
| Categorys: string[]; | ||
| }; | ||
|
|
||
| export default function Review() { | ||
| return ( | ||
| <div className='h-[100vh]'> | ||
| <Header back={true} alarm={true} /> | ||
| <div className='pt-[56px] h-[100%]'> | ||
| <div className="w-full h-[240px]"> | ||
| <img className='w-full h-full object-cover' src="/assets/img.png" alt="" /> | ||
| </div> | ||
| <div className="m-[3%]"> | ||
|
|
||
| <div className="flex justify-between items-center "> | ||
| <h3 className='text-xl font-bold'>가게이름</h3> | ||
| <Link className='font-white bg-[#2E83F2] text-white px-8 py-2 rounded-2xl' to="/">리뷰 작성</Link> | ||
| </div> | ||
| <div className="flex items-center h-auto py-[15px] text-lg"> | ||
| <FaLocationArrow className='mr-[10px] rotate-[270deg]'/> | ||
| <p>대전광역시 유성구 둔산동 어쩌구길 33</p> | ||
| </div> | ||
| <Grade grade={4.8}/> | ||
| <div className="flex"> | ||
| <Category text="#가족" /> | ||
| <Category text="#맛집" /> | ||
| <Category text="#맛집" /> | ||
| </div> | ||
| <Feel BadReview={['a','b','c']} GoodReview={['a','b','c']}/> | ||
| <div className="bar w-full h-[8px] bg-[#f5f5f5]"></div> | ||
| Thumbnail | ||
| </div> | ||
| </div> | ||
| return ( | ||
| <div className="h-[100vh]"> | ||
| <Header back={true} alarm={true} /> | ||
| <div className="pt-[56px] h-[100%]"> | ||
| <div className="w-full h-[240px]"> | ||
| <img | ||
| className="w-full h-full object-cover" | ||
| src="/assets/img.png" | ||
| alt="" | ||
| /> | ||
| </div> | ||
| ); | ||
| <div className="m-[3%]"> | ||
| <div className="flex justify-between items-center "> | ||
| <h3 className="text-xl font-bold">가게이름</h3> | ||
| <Link | ||
| className="font-white bg-primary text-white px-8 py-2 rounded-2xl" | ||
| to="/" | ||
| > | ||
| 리뷰 작성 | ||
| </Link> | ||
| </div> | ||
| <div className="flex items-center h-auto py-[15px] text-lg"> | ||
| <FaLocationArrow className="mr-[10px] rotate-[270deg]" /> | ||
| <p>대전광역시 유성구 둔산동 어쩌구길 33</p> | ||
| </div> | ||
| <Grade grade={4.8} /> | ||
| <div className="flex"> | ||
| <Category text="#가족" /> | ||
| <Category text="#맛집" /> | ||
| <Category text="#맛집" /> | ||
| </div> | ||
| <Feel BadReview={['a', 'b', 'c']} GoodReview={['a', 'b', 'c']} /> | ||
| <div className="bar w-full h-[8px] bg-[#f5f5f5]"></div> | ||
| Thumbnail | ||
| </div> | ||
| </div> | ||
| </div> | ||
| ); | ||
| } | ||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.