Merge remote-tracking branch 'origin/sm18' into develop

frontend/src/home/header.tsx

@@ -12,7 +12,7 @@ export default function Header() {
     const newvalue = e.target.value;
     setSearch(newvalue);
   };
-
+  // bg-gradient-to-t from-sky-200
   return (
     <div className="flex flex-col ">
       <div className="flex flex-col md:px-56 z-10 ">

frontend/src/pages/citylist.tsx

@@ -7,8 +7,9 @@ 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);