Compare commits

...
2 Commits
+2 -2
View File
@@ -142,7 +142,7 @@ onMounted(load)
<!-- 移动端:卡片列表 --> <!-- 移动端:卡片列表 -->
<div class="space-y-3 md:hidden"> <div class="space-y-3 md:hidden">
<div v-for="ch in channels" :key="ch.id" class="card p-4" :class="ch.enabled ? 'border-l-2 border-l-accent' : ''"> <div v-for="ch in channels" :key="ch.id" class="card p-4" :class="ch.enabled ? 'bg-accent-soft' : ''">
<div class="flex flex-wrap items-start justify-between gap-2"> <div class="flex flex-wrap items-start justify-between gap-2">
<div class="min-w-0"> <div class="min-w-0">
<p class="text-sm font-medium text-ink">{{ ch.name }}</p> <p class="text-sm font-medium text-ink">{{ ch.name }}</p>
@@ -206,7 +206,7 @@ onMounted(load)
</thead> </thead>
<tbody> <tbody>
<template v-for="ch in channels" :key="ch.id"> <template v-for="ch in channels" :key="ch.id">
<tr class="table-row" :class="ch.enabled ? 'border-l-2 border-l-accent' : ''"> <tr class="table-row" :style="ch.enabled ? { borderLeft: '2px solid var(--color-accent)' } : {}">
<td class="px-4 py-2.5"> <td class="px-4 py-2.5">
<button class="inline-flex items-center gap-1.5 text-ink transition hover:text-accent" @click="toggleDrawer(ch)"> <button class="inline-flex items-center gap-1.5 text-ink transition hover:text-accent" @click="toggleDrawer(ch)">
<span class="truncate">{{ ch.name }}</span> <span class="truncate">{{ ch.name }}</span>