golomazov/hotelsync
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: chat settings toggle — dot no longer overflows button bounds

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
HotelSync
2026-04-14 13:29:31 +03:00
parent abf1920e6f
commit a3db2e9d5a
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/chat/ChatWidget.tsx
View File

@@ -881,8 +881,8 @@ function ToggleRow({ icon, label, checked, onChange }: {
<span className="text-slate-500 shrink-0">{icon}</span>
<span className="flex-1 text-sm text-slate-700 dark:text-slate-300 leading-tight">{label}</span>
<button onClick={() => onChange(!checked)}
className={cn('relative w-10 h-5 rounded-full transition-colors shrink-0', checked ? 'bg-brand-600' : 'bg-slate-300 dark:bg-slate-600')}>
<span className={cn('absolute top-0.5 w-4 h-4 rounded-full bg-white shadow transition-transform', checked ? 'translate-x-5' : 'translate-x-0.5')} />
className={cn('relative w-10 h-5 rounded-full transition-colors shrink-0 overflow-hidden', checked ? 'bg-brand-600' : 'bg-slate-300 dark:bg-slate-600')}>
<span className={cn('absolute top-0.5 left-0.5 w-4 h-4 rounded-full bg-white shadow transition-transform', checked ? 'translate-x-5' : 'translate-x-0')} />
</button>
</div>
)