fix(settings): daily summary channel switches fit on phones

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
sandrodachandClaude Opus 5.5 committed 2026-10-31 09:45:42 +01:00
1 parent fc637bc25d
commit c2f795c7a7
4 files changed
+16 -9

No files matched your search

@@ -1534,8 +1534,9 @@ export const UserSettingsView: React.FC<UserSettingsViewProps> = ({
/>
</label>
<div className="flex items-center gap-5">
<div className="flex items-center gap-2">
{/* Phones: 2×2 grid, the four switches do not fit in one row */}
<div className="grid grid-cols-2 gap-x-6 gap-y-3 w-full sm:w-auto sm:flex sm:items-center sm:gap-5">
<div className="flex items-center justify-between sm:justify-start gap-2">
<span className="text-xs text-muted">E-Mail</span>
<ToggleSwitch
checked={notificationSettings.dailySummary.email}
@@ -1548,7 +1549,7 @@ export const UserSettingsView: React.FC<UserSettingsViewProps> = ({
title="Tageszusammenfassung – E-Mail"
/>
</div>
<div className="flex items-center gap-2">
<div className="flex items-center justify-between sm:justify-start gap-2">
<span className="text-xs text-muted">Discord</span>
<ToggleSwitch
checked={notificationSettings.dailySummary.discord}
@@ -1566,7 +1567,7 @@ export const UserSettingsView: React.FC<UserSettingsViewProps> = ({
}
/>
</div>
<div className="flex items-center gap-2">
<div className="flex items-center justify-between sm:justify-start gap-2">
<span className="text-xs text-muted">Webhook</span>
<ToggleSwitch
checked={notificationSettings.dailySummary.webhook}
@@ -1584,7 +1585,7 @@ export const UserSettingsView: React.FC<UserSettingsViewProps> = ({
}
/>
</div>
<div className="flex items-center gap-2">
<div className="flex items-center justify-between sm:justify-start gap-2">
<span className="text-xs text-muted">Push</span>
<ToggleSwitch
checked={notificationSettings.dailySummary.push}