fix: discover tab width cls when switch to transfrom tab

Innei · Innei · commit 84b868956c1b · 2025-04-23T22:48:45.000+08:00
- Updated the ScrollArea component to use flex for improved layout.
- Adjusted TabsList class to maintain consistency with the new flex styling.

Signed-off-by: Innei &lt;tukon479@gmail.com&gt;
diff --git a/apps/desktop/src/renderer/src/modules/discover/inbox-list-form.tsx b/apps/desktop/src/renderer/src/modules/discover/inbox-list-form.tsx
@@ -46,7 +46,7 @@ export function DiscoverInboxList() {
   const preCheck = useCanCreateMoreInboxAndNotify()
 
   return (
-    <>
+    <div className="mx-auto w-full max-w-[540px]">
       <div className="mb-4 flex flex-wrap items-center gap-2 text-sm text-zinc-500">
         <span>{t("discover.inbox.description")}</span>
         <a
@@ -84,6 +84,6 @@ export function DiscoverInboxList() {
           {t("discover.inbox_create")}
         </Button>
       </div>
-    </>
+    </div>
   )
 }
diff --git a/apps/desktop/src/renderer/src/pages/(main)/(layer)/(subview)/discover/index.tsx b/apps/desktop/src/renderer/src/pages/(main)/(layer)/(subview)/discover/index.tsx
@@ -84,10 +84,10 @@ export function Component() {
             { replace: true },
           )
         }}
-        className="max-w-full"
+        className="w-full"
       >
-        <ScrollArea.ScrollArea orientation="horizontal" rootClassName="max-w-max">
-          <TabsList className="relative w-full">
+        <ScrollArea.ScrollArea flex orientation="horizontal" rootClassName="w-full">
+          <TabsList className="relative flex w-full">
             {currentTabs.map((tab) => (
               <TabsTrigger
                 key={tab.name}

Original file line number	Diff line number	Diff line change
`@@ -84,10 +84,10 @@ export function Component() {`
`84`	`84`	`{ replace: true },`
`85`	`85`	`)`
`86`	`86`	`}}`
`87`		`- className="max-w-full"`
	`87`	`+ className="w-full"`
`88`	`88`	`>`
`89`		`- <ScrollArea.ScrollArea orientation="horizontal" rootClassName="max-w-max">`
`90`		`- <TabsList className="relative w-full">`
	`89`	`+ <ScrollArea.ScrollArea flex orientation="horizontal" rootClassName="w-full">`
	`90`	`+ <TabsList className="relative flex w-full">`
`91`	`91`	`{currentTabs.map((tab) => (`
`92`	`92`	`<TabsTrigger`
`93`	`93`	`key={tab.name}`