From 682960de26224d01f587565b19e7562b0896d7c2 Mon Sep 17 00:00:00 2001
From: chiyi <cyi.cc@outlook.com>
Date: Tue, 27 Oct 2026 17:33:09 +0800
Subject: [PATCH] =?UTF-8?q?fix(channel):=20=E6=B8=A0=E9=81=93=E8=A1=A8?=
 =?UTF-8?q?=E5=8D=95=E7=8A=B6=E6=80=81=E6=94=B9=E4=B8=BA=E6=BB=91=E5=8A=A8?=
 =?UTF-8?q?=E5=BC=80=E5=85=B3=EF=BC=8C=E4=B8=80=E7=9C=BC=E5=8F=AF=E8=BE=A8?=
 =?UTF-8?q?=E5=8F=AF=E5=88=87=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
---
 frontend/src/views/ChannelsView.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/ChannelsView.vue b/frontend/src/views/ChannelsView.vue
index fa7d18c..18f2981 100644
--- a/frontend/src/views/ChannelsView.vue
+++ b/frontend/src/views/ChannelsView.vue
@@ -247,11 +247,10 @@ onMounted(load)
           </div>
           <div class="flex items-center gap-3">
             <label class="lbl !mb-0">状态</label>
-            <button type="button" @click="form.enabled = !form.enabled" class="inline-flex items-center gap-1.5 text-xs"
-                    :class="form.enabled ? 'text-emerald-300' : 'text-white/40'">
-              <span class="w-1.5 h-1.5 rounded-full" :class="form.enabled ? 'bg-emerald-400' : 'bg-white/25'"></span>
-              {{ form.enabled ? '已启用' : '已停用' }}
+            <button type="button" @click="form.enabled = !form.enabled" class="sw shrink-0" :class="{ 'sw-on': form.enabled }" role="switch" :aria-checked="form.enabled">
+              <span class="sw-thumb"></span>
             </button>
+            <span class="text-xs" :class="form.enabled ? 'text-emerald-600' : 'text-[var(--fg-3)]'">{{ form.enabled ? '已启用' : '已停用' }}</span>
           </div>
           <p v-if="formErr" class="text-xs text-rose-300">{{ formErr }}</p>
         </div>