Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
students
travel
Commits
d517c08f
Commit
d517c08f
authored
Jul 27, 2022
by
백승민
Browse files
css
parent
32764f1e
Changes
2
Hide whitespace changes
Inline
Side-by-side
frontend/src/home/header.tsx
View file @
d517c08f
...
...
@@ -12,11 +12,11 @@ export default function Header() {
const
newvalue
=
e
.
target
.
value
;
setSearch
(
newvalue
);
};
// bg-gradient-to-t from-sky-200
return
(
<
div
className
=
"flex flex-col md:px-56 "
>
<
div
className
=
"flex flex-col-reverse pt-3 pb-12 border-b-2 border-sky-200 bg-gradient-to-t from-sky-200"
>
<
div
className
=
"flex mt-5 justify-between pr-3"
>
<
div
className
=
"flex mt-5 justify-between
md:
pr-3"
>
<
button
className
=
"ml-3 shrink-0 md:text-2xl"
>
<
Link
to
=
"/"
className
=
"hover:text-sky-300 active:text-purple-500"
>
Travel Report
...
...
@@ -39,7 +39,7 @@ export default function Header() {
프로필
</
Link
>
<
div
className
=
"border-0 border-r-2 border-black "
></
div
>
{
user
.
role
===
"
admin
"
?
<
Link
to
=
{
"
/admin
"
}
>
어드민
</
Link
>
:
null
}
{
user
.
role
===
"
admin
"
?
<
Link
to
=
{
"
/admin
"
}
className
=
"ml-2 "
>
어드민
</
Link
>
:
null
}
<
button
className
=
"ml-2 text-xs"
onClick
=
{
()
=>
{
...
...
frontend/src/pages/citylist.tsx
View file @
d517c08f
...
...
@@ -7,18 +7,18 @@ type CityProps = {
export
default
function
Citylist
({
handleClick
}:
CityProps
)
{
const
[
active
,
setActive
]
=
useState
(
0
);
const
onactive
=
"
text-start px-5 py-2
underline
whitespace-nowrap
"
;
const
offactive
=
"
text-start px-5 py-2 whitespace-nowrap
"
;
const
onactive
=
"
text-start px-5 py-2 whitespace-nowrap
w-full border-b-4 md:border-b-0 md:border-r-4 border-sky-500
"
;
const
offactive
=
"
text-start px-5 py-2 whitespace-nowrap
w-full
"
;
const
clickActive
=
(
a
:
number
)
=>
{
setActive
(
a
);
};
return
(
<
div
className
=
"overflow-auto w-full flex flex-row md:flex-col md:mr-24
bg-sky-100
"
>
<
div
className
=
"text-start px-5 py-2 bg-white whitespace-nowrap"
>
<
div
className
=
"overflow-auto w-full flex flex-row md:flex-col md:mr-24"
>
{
/*
<div className="text-start px-5 py-2 bg-white whitespace-nowrap">
도시
</
div
>
</div>
*/
}
<
div
onClick
=
{
()
=>
clickActive
(
1
)
}
>
<
button
id
=
{
"
Seoul
"
}
...
...
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