fix: profile category overflow

part of #811 radix-ui/primitives#2722
RSSNext · Oct 10, 2024 · 3edee63 · 3edee63
1 parent 58d251e
commit 3edee63
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/apps/renderer/src/components/ui/scroll-area/ScrollArea.tsx b/apps/renderer/src/components/ui/scroll-area/ScrollArea.tsx
@@ -137,7 +137,10 @@ export const ScrollArea = React.forwardRef<
         <Viewport
           ref={setViewportRef}
           onWheel={stopPropagation}
-          className={cn(flex ? "[&>div]:!flex [&>div]:!flex-col" : "", viewportClassName)}
+          className={cn(
+            flex ? "[&>div]:!flex [&>div]:!flex-col" : "[&>div]:!block",
+            viewportClassName,
+          )}
           mask={mask}
         >
           {children}

diff --git a/apps/renderer/src/modules/profile/user-profile-modal.tsx b/apps/renderer/src/modules/profile/user-profile-modal.tsx
@@ -332,7 +332,7 @@ const SubscriptionGroup: FC<{
         className="mb-2 mt-8 flex w-full items-center justify-between text-2xl font-bold"
         type="button"
       >
-        <h3>{category}</h3>
+        <h3 className="truncate">{category}</h3>
 
         <div className="inline-flex shrink-0 items-center opacity-50">
           <i