Jannik/MelodyMuse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: make settings page wider for better prompt editing

Browse Source
This commit is contained in:
Jannik
2026-06-04 12:54:15 +02:00
parent cba6a173e6
commit b1b77c1714
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/SettingsPage.tsx
+3 -3
View File
@@ -163,7 +163,7 @@ export function SettingsPage() {
return ( return (
<div className="min-h-screen"> <div className="min-h-screen">
<header className="sticky top-0 z-20 bg-bg/70 backdrop-blur border-b border-border"> <header className="sticky top-0 z-20 bg-bg/70 backdrop-blur border-b border-border">
<div className="max-w-md mx-auto px-4 h-14 flex items-center gap-2"> <div className="max-w-3xl mx-auto px-4 h-14 flex items-center gap-2">
<button <button
type="button" type="button"
onClick={() => navigate("/")} onClick={() => navigate("/")}
@@ -176,7 +176,7 @@ export function SettingsPage() {
</div> </div>
</header> </header>
<main className="max-w-md mx-auto px-4 mt-16"> <main className="max-w-3xl mx-auto px-4 mt-16">
<div className="card p-6 space-y-6"> <div className="card p-6 space-y-6">
<section> <section>
<h2 className="text-sm font-semibold text-fg mb-3 flex items-center gap-2"> <h2 className="text-sm font-semibold text-fg mb-3 flex items-center gap-2">
@@ -376,7 +376,7 @@ export function SettingsPage() {
</select> </select>
<textarea <textarea
className="input w-full min-h-[300px] text-xs font-mono p-3 leading-relaxed" className="input w-full min-h-[500px] text-xs font-mono p-3 leading-relaxed"
value={editingPrompts[activePromptTab]} value={editingPrompts[activePromptTab]}
onChange={(e) => handlePromptChange(e.target.value)} onChange={(e) => handlePromptChange(e.target.value)}
spellCheck={false} spellCheck={false}