css

frontend/src/home/header.tsx

@@ -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

@@ -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"}