diff --git a/client/src/Admin.css b/client/src/Admin.css index 104f0b8..e36038a 100644 --- a/client/src/Admin.css +++ b/client/src/Admin.css @@ -293,7 +293,7 @@ .channel-item { display: grid; - grid-template-columns: 1fr 1fr 80px 80px 50px; + grid-template-columns: 2fr 80px 80px 50px; gap: 0.5rem; margin-bottom: 0.5rem; align-items: center; diff --git a/client/src/Admin.jsx b/client/src/Admin.jsx index e24a08a..7c537b0 100644 --- a/client/src/Admin.jsx +++ b/client/src/Admin.jsx @@ -16,9 +16,7 @@ function Admin() { const [showGroupForm, setShowGroupForm] = useState(false); const [editingGroup, setEditingGroup] = useState(null); const [groupForm, setGroupForm] = useState({ - id: '', name: '', - description: '', audioBitrate: 96, channels: [] }); @@ -152,9 +150,7 @@ function Admin() { const startEditGroup = (group) => { setEditingGroup(group.id); setGroupForm({ - id: group.id, name: group.name, - description: group.description || '', audioBitrate: group.audioBitrate || 96, channels: group.channels || [] }); @@ -163,9 +159,7 @@ function Admin() { const resetGroupForm = () => { setGroupForm({ - id: '', name: '', - description: '', audioBitrate: 96, channels: [] }); @@ -178,7 +172,7 @@ function Admin() { ...groupForm, channels: [ ...groupForm.channels, - { id: '', name: '', audioInput: 0, audioOutput: 0 } + { name: '', audioInput: 0, audioOutput: 0 } ] }); }; @@ -295,38 +289,18 @@ function Admin() {
-
- - - -