Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
students
travel
Commits
27e8f6a0
Commit
27e8f6a0
authored
Jul 28, 2022
by
Lee Soobeom
Browse files
board, post css
parent
d2aec382
Changes
4
Hide whitespace changes
Inline
Side-by-side
frontend/src/board/board.tsx
View file @
27e8f6a0
...
...
@@ -63,15 +63,17 @@ export default function BoardPage() {
};
return
(
<
div
className
=
"flex flex-col "
>
<
div
className
=
"flex flex-col mt-6"
>
<
div
className
=
"text-2xl whitespace-nowrap"
>
자유 게시판
</
div
>
<
div
className
=
"text-sm mt-5 whitespace-nowrap"
>
여행지 후기를 남겨주세요!
<
div
className
=
"flex flex-col shadow-lg bg-white rounded px-8 py-4"
>
<
div
className
=
"flex flex-col my-6 "
>
<
div
className
=
"text-4xl font-semibold whitespace-nowrap"
>
자유 게시판
</
div
>
{
/* <div className="text-sm mt-5 whitespace-nowrap">
여행지 후기를 남겨주세요!
</div> */
}
</
div
>
<
div
className
=
"flex flex-col w-full
mt-16
"
>
<
div
className
=
"flex flex-col w-full"
>
<
div
className
=
"flex justify-end"
>
<
div
className
=
"border-2 border-blue-500 rounded mb-2 whitespace-nowrap"
>
<
button
onClick
=
{
GoLogin
}
>
...
...
frontend/src/post/editpost.tsx
View file @
27e8f6a0
...
...
@@ -199,10 +199,13 @@ export function EditPost() {
};
return
(
<
div
>
<
div
className
=
"shadow-lg bg-white rounded px-8 py-4"
>
<
div
className
=
"text-2xl font-semibold md:text-4xl"
>
당신의 여행을 알려주세요!
</
div
>
<
form
onSubmit
=
{
reWriteSubmit
}
className
=
"flex flex-col w-full"
>
<
div
className
=
"flex flex-row h-10 gap-x-1 justify-end"
>
<
div
className
=
"place-self-center w-16 h-6 border-2 border-sky-400 transition delay-150 bg-white-400 hover:-translate-y-1
hover:scale-110
hover:bg-gray-300 duration-300"
>
<
div
className
=
"place-self-center w-16 h-6 border-2 border-sky-400 transition delay-150 bg-white-400 hover:-translate-y-1 hover:bg-gray-300 duration-300"
>
<
input
id
=
"files"
type
=
"file"
...
...
@@ -257,7 +260,7 @@ export function EditPost() {
<
button
type
=
"submit"
className
=
"h-6 w-10 place-self-center place-self-center border-2 border-sky-400 text-xs text-center transition delay-150 bg-white-400 hover:-translate-y-1
hover:scale-110
hover:bg-sky-300 duration-300"
className
=
"h-6 w-10 place-self-center place-self-center border-2 border-sky-400 text-xs text-center transition delay-150 bg-white-400 hover:-translate-y-1 hover:bg-sky-300 duration-300"
>
수정
</
button
>
...
...
frontend/src/post/intopost.tsx
View file @
27e8f6a0
...
...
@@ -42,42 +42,49 @@ export function IntoPost() {
};
return
(
<
div
className
=
"flex flex-col"
>
<
div
className
=
"flex flex-col shadow-lg bg-white rounded px-8 py-4"
>
<
div
className
=
"text-3xl font-semibold md:text-4xl"
>
[
{
post
.
city
}
] / [
{
post
.
theme
}
] Travel Report
</
div
>
<
div
className
=
"flex h-8 gap-x-1 place-content-end place-items-center"
>
<
button
id
=
{
posts
?.
_id
}
onClick
=
{
handleDeleteClick
}
className
=
" whitespace-nowrap flex border-2 border-sky-100 place-self-center h-6 w-8 text-xs text-center transition delay-150 bg-white-400 hover:-translate-y-1
hover:scale-110
hover:bg-red-300 duration-300"
className
=
" whitespace-nowrap flex border-2 border-sky-100 place-self-center h-6 w-8 text-xs text-center transition delay-150 bg-white-400 hover:-translate-y-1 hover:bg-red-300 duration-300"
>
삭제
</
button
>
<
Link
to
=
"/edit"
state
=
{
posts
}
>
<
button
className
=
"whitespace-nowrap flex border-2 border-sky-100 place-self-center h-6 w-8 text-xs transition delay-150 bg-white-400 hover:-translate-y-1
hover:scale-110
hover:bg-sky-300 duration-300"
>
<
button
className
=
"whitespace-nowrap flex border-2 border-sky-100 place-self-center h-6 w-8 text-xs transition delay-150 bg-white-400 hover:-translate-y-1 hover:bg-sky-300 duration-300"
>
수정
</
button
>
</
Link
>
</
div
>
<
div
className
=
"flex h-10 border-t-2 border-sky-500 items-center
font-semibold
"
>
<
div
className
=
"flex h-10 border-t-2 border-sky-500 items-center
text-2xl font-medium md:text-2xl
"
>
{
posts
?.
title
}
</
div
>
<
div
className
=
"flex h-10 items-center border-t-2 border-sky-200 md:flex-row justify-between bg-slate-50 text-sm"
>
<
div
className
=
"flex whitespace-nowrap pr-5 "
>
<
div
className
=
"flex h-10 items-center border-t-2 border-sky-200 md:flex-row justify-between bg-slate-50 text-sm divide-x divide-slate-300"
>
<
div
className
=
"flex whitespace-nowrap px-0.5"
>
작성자:
{
posts
?.
user
.
name
}
</
div
>
<
div
className
=
"flex divide-x divide-slate-300 "
>
<
div
className
=
"flex basis-1/2 whitespace-nowrap px-2"
>
<
div
className
=
"flex basis-1/2 whitespace-nowrap
px-0.5 md:
px-2"
>
작성일 :
{
posts
?.
date
.
slice
(
0
,
10
)
}
</
div
>
<
div
className
=
"flex whitespace-nowrap px-2"
>
{
posts
?.
city
}
</
div
>
<
div
className
=
"flex whitespace-nowrap px-2"
>
{
posts
?.
theme
}
</
div
>
<
div
className
=
"flex whitespace-nowrap px-2"
>
<
div
className
=
"flex hidden md:whitespace-nowrap md:px-2 "
>
{
"
"
}
{
posts
?.
city
}
</
div
>
<
div
className
=
"flex hidden md:whitespace-nowrap md:px-2"
>
{
"
"
}
{
posts
?.
theme
}
</
div
>
<
div
className
=
"flex whitespace-nowrap px-0.5 md:px-2"
>
조회수 :
{
posts
?.
counts
}
</
div
>
</
div
>
</
div
>
<
div
className
=
"flex border-t-2 border-sky-200 h-44 p-2 overflow-auto mb-5 "
>
{
posts
?.
file
?.
map
((
file
,
i
)
=>
(
<
img
...
...
frontend/src/post/posting.tsx
View file @
27e8f6a0
...
...
@@ -184,10 +184,13 @@ export default function Posting() {
};
return
(
<
div
>
<
div
className
=
"shadow-lg bg-white rounded px-8 py-4"
>
<
div
className
=
"text-2xl font-semibold md:text-4xl"
>
당신의 여행을 알려주세요!
</
div
>
<
form
onSubmit
=
{
handlePostSubmit
}
className
=
"flex flex-col w-full"
>
<
div
className
=
"flex flex-row gap-x-1 justify-end h-10 "
>
<
div
className
=
"place-self-center w-16 h-6 border-2 border-sky-400
transition delay-150 bg-white-400 hover:-translate-y-1
hover:scale-110
hover:bg-gray-300 duration-300"
>
<
div
className
=
"place-self-center w-16 h-6 border-2 border-sky-400 transition delay-150 bg-white-400 hover:-translate-y-1 hover:bg-gray-300 duration-300"
>
<
input
id
=
"files"
type
=
"file"
...
...
@@ -242,7 +245,7 @@ export default function Posting() {
<
button
type
=
"submit"
className
=
"h-6 place-self-center place-self-center border-2 border-sky-400
text-xs text-center transition
ease-in-out
delay-150 bg-white-400 hover:-translate-y-1
hover:scale-110
hover:bg-sky-300 duration-300"
className
=
"h-6 place-self-center place-self-center border-2 border-sky-400 text-xs text-center transition delay-150 bg-white-400 hover:-translate-y-1 hover:bg-sky-300 duration-300"
>
글쓰기
</
button
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment