feat: add highlight for enabled channels
This commit is contained in:
@@ -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">
|
<div v-for="ch in channels" :key="ch.id" class="card p-4" :class="ch.enabled ? 'border-l-2 border-l-accent' : ''">
|
||||||
<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">
|
<tr class="table-row" :class="ch.enabled ? 'border-l-2 border-l-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>
|
||||||
|
|||||||
Reference in New Issue
Block a user