Commit d517c08f authored by 백승민's avatar 백승민
Browse files

css

parent 32764f1e
......@@ -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={() => {
......
......@@ -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"}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment