BuzzbeeSCD/openchamber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(chat): adjust layout for mobile responsiveness in ModelControls

Browse Source
This commit is contained in:
Bohdan Triapitsyn
2025-12-26 02:49:44 +02:00
parent a7579f4aa3
commit 70522901c2
1 changed files with 3 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/chat/ModelControls.tsx
+3 -8
View File
@@ -1949,7 +1949,6 @@ export const ModelControls: React.FC<ModelControlsProps> = ({ className }) => {
onTouchCancel={handleLongPressEnd} onTouchCancel={handleLongPressEnd}
className={cn( className={cn(
'model-controls__model-trigger flex items-center gap-1.5 min-w-0 focus:outline-none', 'model-controls__model-trigger flex items-center gap-1.5 min-w-0 focus:outline-none',
isMobile && 'flex-1',
'cursor-pointer hover:opacity-70', 'cursor-pointer hover:opacity-70',
buttonHeight buttonHeight
)} )}
@@ -1965,7 +1964,7 @@ export const ModelControls: React.FC<ModelControlsProps> = ({ className }) => {
<span <span
className={cn( className={cn(
'model-controls__model-label typography-micro font-medium truncate min-w-0', 'model-controls__model-label typography-micro font-medium truncate min-w-0',
isMobile ? 'flex-1' : 'max-w-[220px]', !isMobile && 'max-w-[220px]',
)} )}
> >
{getCurrentModelDisplayName()} {getCurrentModelDisplayName()}
@@ -2319,12 +2318,8 @@ export const ModelControls: React.FC<ModelControlsProps> = ({ className }) => {
<div className={inlineClassName}> <div className={inlineClassName}>
<div <div
className={cn( className={cn(
'flex items-center min-w-0', 'flex items-center min-w-0 flex-1 justify-end',
isMobile isMobile && 'overflow-hidden'
? 'flex-1 min-w-0 overflow-hidden'
: (isCompact
? 'flex-1 min-w-0 justify-end'
: 'flex-1 min-w-0 justify-end')
)} )}
> >
{renderModelSelector()} {renderModelSelector()}