fix: border color

This commit is contained in:
Zephyruso 2023-09-01 00:37:18 +08:00
parent db7c70044e
commit c2cb607a45
2 changed files with 3 additions and 5 deletions

View File

@ -42,10 +42,8 @@ export default (props: {
return ( return (
<div <div
class={twMerge( class={twMerge(
'card card-bordered tooltip tooltip-bottom card-compact flex gap-1 p-3', 'card card-bordered tooltip tooltip-bottom card-compact flex gap-1 border-primary p-3',
isSelected isSelected && 'border-success bg-success-content text-success',
? 'border-primary bg-success-content text-success'
: 'border-secondary',
onClick && 'cursor-pointer', onClick && 'cursor-pointer',
)} )}
onClick={() => onClick?.()} onClick={() => onClick?.()}

View File

@ -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-secondary p-4"> <div class="card card-bordered card-compact border-primary p-4">
<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}