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

+2 -2
View File
@@ -1,12 +1,12 @@
{
"name": "mindsift-frontend",
"version": "0.16.0",
"version": "0.16.1",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "mindsift-frontend",
"version": "0.16.0",
"version": "0.16.1",
"license": "Unlicense",
"dependencies": {
"@fontsource-variable/inter": "5.3.0",
+1 -1
View File
@@ -1,7 +1,7 @@
{
"name": "mindsift-frontend",
"private": true,
"version": "0.16.0",
"version": "0.16.1",
"license": "Unlicense",
"type": "module",
"scripts": {
@@ -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}