mirror of
https://github.com/MetaCubeX/metacubexd.git
synced 2024-11-10 05:15:35 +08:00
fix: card color theme
This commit is contained in:
parent
414bdd5b97
commit
4e5c8bfe8d
@ -42,8 +42,8 @@ export default (props: {
|
|||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
class={twMerge(
|
class={twMerge(
|
||||||
'card card-bordered tooltip tooltip-bottom card-compact flex gap-1 border-primary p-3',
|
'card card-bordered tooltip tooltip-bottom card-compact flex gap-1 border-neutral-focus bg-neutral p-3 text-neutral-content',
|
||||||
isSelected && 'border-success bg-success-content text-success',
|
isSelected && 'border-primary bg-primary-content text-primary',
|
||||||
onClick && 'cursor-pointer',
|
onClick && 'cursor-pointer',
|
||||||
)}
|
)}
|
||||||
onClick={() => onClick?.()}
|
onClick={() => onClick?.()}
|
||||||
|
@ -29,7 +29,7 @@ export default () => {
|
|||||||
<div class="grid grid-cols-1 gap-2 sm:grid-cols-1">
|
<div class="grid grid-cols-1 gap-2 sm:grid-cols-1">
|
||||||
<For each={rules()}>
|
<For each={rules()}>
|
||||||
{(rule) => (
|
{(rule) => (
|
||||||
<div class="card card-bordered card-compact border-primary p-4">
|
<div class="card card-bordered card-compact border-neutral-focus bg-neutral p-4 text-neutral-content">
|
||||||
<div class="break-all">{rule.payload}</div>
|
<div class="break-all">{rule.payload}</div>
|
||||||
<div class="text-xs text-slate-500">
|
<div class="text-xs text-slate-500">
|
||||||
{rule.type} :: {rule.proxy}
|
{rule.type} :: {rule.proxy}
|
||||||
@ -46,7 +46,7 @@ export default () => {
|
|||||||
<div class="grid grid-cols-1 gap-2 sm:grid-cols-1">
|
<div class="grid grid-cols-1 gap-2 sm:grid-cols-1">
|
||||||
<For each={rulesProviders()}>
|
<For each={rulesProviders()}>
|
||||||
{(rulesProvider) => (
|
{(rulesProvider) => (
|
||||||
<div class="card card-bordered card-compact border-secondary p-4">
|
<div class="card card-bordered card-compact border-neutral-focus bg-neutral p-4 text-neutral-content">
|
||||||
<div>{rulesProvider.name}</div>
|
<div>{rulesProvider.name}</div>
|
||||||
<div class="text-xs text-slate-500">
|
<div class="text-xs text-slate-500">
|
||||||
{rulesProvider.vehicleType} :: {rulesProvider.behavior} (
|
{rulesProvider.vehicleType} :: {rulesProvider.behavior} (
|
||||||
|
Loading…
Reference in New Issue
Block a user