Ling0925
/
suna
mirror of https://github.com/kortix-ai/suna.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #454 from kubet/fix/mobile-responsiveness 

fix: responsive free tier message
This commit is contained in:
kubet 2025-05-23 00:04:55 +02:00 committed by GitHub
parent 9c813592f3 483838618b
commit ab49ead642
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/components/thread/chat-input/message-input.tsx
View File

@ -142,7 +142,23 @@ export const MessageInput = forwardRef<HTMLTextAreaElement, MessageInputProps>(
</div>
{subscriptionStatus === 'no_subscription' && !isLocalMode() && <TooltipProvider><Tooltip><TooltipTrigger><p className='text-sm text-amber-500'>Upgrade for full performance</p></TooltipTrigger><TooltipContent><p>The free tier is severely limited by inferior models; upgrade to experience the true full Suna experience.</p></TooltipContent></Tooltip></TooltipProvider>}
{subscriptionStatus === 'no_subscription' && !isLocalMode() &&
<TooltipProvider>
<Tooltip>
<TooltipTrigger>
<p className='text-sm text-amber-500 hidden sm:block'>Upgrade for full performance</p>
<div className='sm:hidden absolute bottom-0 left-0 right-0 flex justify-center'>
<p className='text-xs text-amber-500 bg-background/80 backdrop-blur-sm px-2 py-1 rounded-md shadow-sm'>
Upgrade for better performance
</p>
</div>
</TooltipTrigger>
<TooltipContent>
<p>The free tier is severely limited by inferior models; upgrade to experience the true full Suna experience.</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
}
<div className='flex items-center gap-2'>
<ModelSelector
selectedModel={selectedModel}

2
frontend/src/components/thread/chat-input/model-selector.tsx
View File

@ -523,7 +523,7 @@ export const ModelSelector: React.FC<ModelSelectorProps> = ({
</Tooltip>
</TooltipProvider>
)}
<span className="truncate max-w-[120px] sm:max-w-[160px] md:max-w-[200px] lg:max-w-none">{selectedLabel}</span>
<span className="truncate max-w-[100px] sm:max-w-[160px] md:max-w-[200px] lg:max-w-none">{selectedLabel}</span>
<ChevronDown className="h-3 w-3 opacity-50 ml-1 flex-shrink-0" />
</div>
</Button>