opensource/tweakcn
3
0
Fork 0
mirror of https://github.com/jnsahaj/tweakcn.git synced 2026-10-24 23:23:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: select and text overflow when text gets long

Browse Source
This commit is contained in:
Luis Llanes
2025-05-15 11:21:32 +05:30
committed by Sahaj Jain
parent 1c0d094ce1
commit 2964782f45
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/ai/components/ai-chat-form.tsx
+1 -1
View File
@@ -83,7 +83,7 @@ export function AIChatForm() {
</div>
<div className="flex items-center justify-between gap-2 p-2">
<div className="flex items-center gap-2">
<div className="flex w-full max-w-68 items-center gap-2 overflow-hidden">
<ThemePresetSelect disabled={aiGenerateLoading} withCycleThemes={false} />
</div>
app/ai/components/temp-theme-preset-select.tsx
+4 -4
View File
@@ -269,7 +269,7 @@ const ThemePresetSelect: React.FC<ThemePresetSelectProps> = ({
}, [filteredPresets, isSavedTheme]);
return (
<div className="flex items-center">
<div className="flex w-full items-center">
<Popover>
<PopoverTrigger asChild>
<Button
@@ -277,7 +277,7 @@ const ThemePresetSelect: React.FC<ThemePresetSelectProps> = ({
className={cn("group relative w-full justify-between md:min-w-56", className)}
{...props}
>
<div className="flex items-center gap-3">
<div className="flex w-full items-center gap-3 overflow-hidden">
<div className="flex gap-0.5">
<ColorBox color={themeState.styles[mode].primary} />
<ColorBox color={themeState.styles[mode].accent} />
@@ -296,7 +296,7 @@ const ThemePresetSelect: React.FC<ThemePresetSelectProps> = ({
/>
</div>
)}
<span className="font-medium capitalize">
<span className="truncate text-left font-medium capitalize">
{hasUnsavedChanges() ? (
<>Custom (Unsaved)</>
) : (
@@ -350,7 +350,7 @@ const ThemePresetSelect: React.FC<ThemePresetSelectProps> = ({
>
<ThemeColors presetName={presetName} mode={mode} />
<div className="flex flex-1 items-center gap-2">
<span className="text-sm font-medium capitalize">
<span className="line-clamp-1 text-sm font-medium capitalize">
{presets[presetName]?.label || presetName}
</span>
{presets[presetName] && isThemeNew(presets[presetName]) && (