idolpx/meatloaf-config
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(NetworkPage, GeneralPage): move Device Name input to a new position for improved layout

Browse Source
This commit is contained in:
Jaime Idolpx 2026-06-10 01:24:54 -04:00
parent c9c4d12687
commit 6817ddb491
2 changed files with 22 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/app/components/GeneralPage.tsx
View File

@ -45,6 +45,17 @@ export default function GeneralPage({ config, setConfig }: GeneralPageProps) {
<h2 className="text-sm text-neutral-500 flex items-center gap-2"><Settings className="w-4 h-4" /> General Settings</h2>
<div className="bg-white border border-neutral-200 rounded-lg divide-y divide-neutral-200">
<div className="p-4">
<label className="text-sm text-neutral-500 block mb-2">Device Name</label>
<input
type="text"
value={general.devicename || ''}
onChange={(e) => updateSetting(['general', 'devicename'], e.target.value)}
className="w-full px-3 py-2 border border-neutral-300 rounded-lg"
/>
</div>
<div className="p-4">
<label className="text-sm text-neutral-500 block mb-2">Appearance</label>
<select
@ -109,16 +120,6 @@ export default function GeneralPage({ config, setConfig }: GeneralPageProps) {
/>
</div>
<div className="p-4">
<label className="text-sm text-neutral-500 block mb-2">Device Name</label>
<input
type="text"
value={general.devicename || ''}
onChange={(e) => updateSetting(['general', 'devicename'], e.target.value)}
className="w-full px-3 py-2 border border-neutral-300 rounded-lg"
/>
</div>
<div className="p-4 flex items-center justify-between">
<label className="text-sm text-neutral-500">Rotation Sounds</label>
<button

20
src/app/components/NetworkPage.tsx
View File

@ -217,15 +217,6 @@ export default function NetworkPage({ config, setConfig }: NetworkPageProps) {
<h2 className="text-sm text-neutral-500 pt-4 flex items-center gap-2"><Bluetooth className="w-4 h-4" /> Bluetooth</h2>
<div className="bg-white border border-neutral-200 rounded-lg divide-y divide-neutral-200">
<div className="p-4">
<label className="text-sm text-neutral-500 block mb-2">Device Name</label>
<input
type="text"
value={bluetooth.devicename || ''}
onChange={(e) => updateSetting(['bluetooth', 'devicename'], e.target.value)}
className="w-full px-3 py-2 border border-neutral-300 rounded-lg"
/>
</div>
<div className="p-4 flex items-center justify-between">
<label className="text-sm text-neutral-500">Enabled</label>
@ -243,6 +234,17 @@ export default function NetworkPage({ config, setConfig }: NetworkPageProps) {
</button>
</div>
<div className="p-4">
<label className="text-sm text-neutral-500 block mb-2">Device Name</label>
<input
type="text"
value={bluetooth.devicename || ''}
onChange={(e) => updateSetting(['bluetooth', 'devicename'], e.target.value)}
className="w-full px-3 py-2 border border-neutral-300 rounded-lg"
/>
</div>
<div className="p-4">
<label className="text-sm text-neutral-500 block mb-2">Baud Rate</label>
<input