style: adjust margin

Signed-off-by: Xeu <thankrain@qq.com>

Author: OXeu

client/src/components/adjacent_feed.tsx

@@ -45,7 +45,7 @@ export function AdjacentSection({id, setError}: { id: string, setError: (error:
 
 export function AdjacentCard({data, type}: { data: AdjacentFeed | null | undefined, type: "previous" | "next" }) {
     const direction = type === "previous" ? "text-start" : "text-end"
-    const radius = type === "previous" ? "rounded-l-2xl" : "rounded-r-2xl"
+    const radius = type === "previous" ? "rounded-t-2xl sm:rounded-none sm:rounded-l-2xl" : "rounded-b-2xl sm:rounded-none sm:rounded-r-2xl"
     const {t} = useTranslation()
     if (!data) {
         return (<div className="w-full p-6 duration-300">

client/src/page/feed.tsx

@@ -305,7 +305,7 @@ export function FeedPage({ id, TOC, clean }: { id: string, TOC: () => JSX.Elemen
             </main>
             <div className="w-80 hidden lg:block relative">
               <div
-                className={`ml-2 start-0 end-0 top-[5.5rem] sticky`}
+                  className={`start-0 end-0 top-[5.5rem] sticky`}
               >
                 <TOC />
               </div>
@@ -408,7 +408,7 @@ function CommentInput({
       });
   }
   return (
-    <div className="w-full rounded-2xl bg-w t-primary m-2 p-6 items-end flex flex-col">
+      <div className="w-full rounded-2xl bg-w t-primary p-6 items-end flex flex-col">
       <div className="flex flex-col w-full items-start mb-4">
         <label htmlFor="comment">{t("comment.title")}</label>
       </div>