Skip to content

Commit ad27771

Browse files
committed
Fix Settings scrolling sideways on phones
1 parent cff9ccb commit ad27771

2 files changed

Lines changed: 14 additions & 1 deletion

File tree

‎src/app/(app)/settings/page.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -701,7 +701,7 @@ export default function SettingsPage() {
701701
</CardTitle>
702702
</CardHeader>
703703
<CardContent>
704-
<div className="settings-row">
704+
<div className="settings-model-grid">
705705
{([
706706
["categorize", locale === "fi" ? "Kategorisointi" : "Categorizing"],
707707
["chat", locale === "fi" ? "Dougie-keskustelu" : "Dougie chat"],

‎src/styles/modules/pages.css‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3004,6 +3004,7 @@
30043004
/* Settings */
30053005
.settings-grid {
30063006
display: grid;
3007+
grid-template-columns: minmax(0, 1fr);
30073008
gap: 1.5rem;
30083009
}
30093010

@@ -3181,6 +3182,18 @@
31813182
min-width: 0;
31823183
}
31833184

3185+
/* One dropdown per AI task: side by side when there is room, stacked on a phone. */
3186+
.settings-model-grid {
3187+
display: grid;
3188+
grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
3189+
gap: 0.75rem;
3190+
}
3191+
3192+
.settings-model-grid .select-trigger {
3193+
width: 100%;
3194+
min-width: 0;
3195+
}
3196+
31843197
.settings-status {
31853198
font-size: 0.875rem;
31863199
line-height: 1.25rem;

0 commit comments

Comments
 (0)