feat: setting for mobile friendly

src/routes/chat/ChannelChat/PinList.tsx

@@ -18,7 +18,7 @@ const PinList: FC<Props> = ({ id }: Props) => {
   };
   const noPins = pins.length == 0;
   return (
-    <div className="p-4 drop-shadow-md overflow-y-scroll max-h-[90vh] min-w-[486px] rounded-xl bg-gray-50 dark:bg-gray-800">
+    <div className="p-4 drop-shadow-md overflow-y-scroll min-w-[320px] md:min-w-[486px] md:max-h-[90vh] rounded-xl bg-gray-50 dark:bg-gray-800">
       <h4 className=" text-gray-600 dark:text-gray-400 mb-4 font-semibold">{t("pinned_msg")}({pins.length})</h4>
       {noPins ? (
         <div className="flex flex-col items-center gap-2 w-full p-4">

src/routes/chat/ChannelChat/index.tsx

@@ -23,7 +23,7 @@ import InviteModal from "../../../common/component/InviteModal";
 import LoadMore from "../LoadMore";
 import { useAppSelector } from "../../../app/store";
 import { useTranslation } from "react-i18next";
-import GoBackNav from "../GoBackNav";
+import GoBackNav from "../../../common/component/GoBackNav";
 type Props = {
   cid?: number;
   dropFiles?: File[];
@@ -170,7 +170,7 @@ function ChannelChat({ cid = 0, dropFiles = [] }: Props) {
           {hasMore ? (
             <LoadMore pullUp={pullUp} pulling={pulling} />
           ) : (
-            <div className="pt-14 flex flex-col items-start gap-2">
+            <div className="pt-14 px-1 md:px-0 flex flex-col items-start gap-2">
               <h2 className="font-bold text-4xl dark:text-white">{t("welcome_channel", { name })}</h2>
               <p className="text-gray-600 dark:text-gray-300">{t("welcome_desc", { name })} </p>
               {loginUser?.is_admin && (

src/routes/chat/DMChat/index.tsx

@@ -11,7 +11,7 @@ import LoadMore from "../LoadMore";
 import { renderMessageFragment } from "../utils";
 import useMessageFeed from "../../../common/hook/useMessageFeed";
 import { useAppSelector } from "../../../app/store";
-import GoBackNav from "../GoBackNav";
+import GoBackNav from "../../../common/component/GoBackNav";
 type Props = {
   uid: number;
   dropFiles?: File[];

src/routes/chat/GoBackNav.tsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import { useNavigate } from 'react-router-dom';
-import IconArrow from '../../assets/icons/arrow.left.svg';
-// type Props = {}
-
-const GoBackNav = () => {
-    const navigate = useNavigate();
-    const handleBack = () => {
-        navigate(-1);
-    };
-    return (
-        <button className='p-2 absolute left-2 md:hidden' onClick={handleBack}>
-            <IconArrow className="dark:stroke-white  w-6 h-6" />
-        </button>
-    );
-};
-
-export default GoBackNav;

src/routes/chat/GuestChannelChat/index.tsx

@@ -7,7 +7,7 @@ import Layout from "../Layout";
 import { renderMessageFragment } from "../utils";
 import LoadMore from "../LoadMore";
 import { useAppSelector } from "../../../app/store";
-import GoBackNav from "../GoBackNav";
+import GoBackNav from "../../../common/component/GoBackNav";
 
 type Props = {
   cid?: number;

src/routes/chat/Layout/LicenseOutdatedTip.tsx

@@ -8,7 +8,7 @@ const LicenseUpgradeTip = () => {
   const { t } = useTranslation("chat");
   const navigateTo = useNavigate();
   const handleRedirect = () => {
-    navigateTo("/setting?nav=license");
+    navigateTo("/setting/license");
   };
 
   return (