Public-Mirror/metacubexd
1
0
Fork 0
mirror of https://github.com/MetaCubeX/metacubexd.git synced 2024-11-24 09:45:35 +08:00
Code Issues Projects Releases Wiki Activity

fix: card info color theme

Browse Source
This commit is contained in:
Zephyruso 2023-09-01 10:29:12 +08:00
parent aeb01397ff
commit 80d5138423
3 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/ProxyNodeCard.tsx
View File

@ -51,7 +51,12 @@ export default (props: {
>
<div class="truncate text-left">{proxyName}</div>
<div class="flex items-center justify-between gap-1">
<div class="truncate text-xs text-slate-500">
<div
class={twMerge(
'truncate text-xs text-slate-500',
isSelected && 'text-primary',
)}
>
{formatProxyType(proxyNode().type)}
{proxyNode().udp && ' :: udp'}
</div>

4
src/pages/Connections.tsx
View File

@ -253,14 +253,14 @@ export default () => {
</div>
<div class="overflow-x-auto whitespace-nowrap">
<table class="table table-xs">
<table class="table table-xs bg-base-200">
<thead>
<For each={table.getHeaderGroups()}>
{(headerGroup) => (
<tr>
<For each={headerGroup.headers}>
{(header) => (
<th class="bg-base-200">
<th class="bg-base-300">
<div
class={twMerge(
'flex items-center justify-between',

4
src/pages/Rules.tsx
View File

@ -29,7 +29,7 @@ export default () => {
<div class="grid grid-cols-1 gap-2 sm:grid-cols-1">
<For each={rules()}>
{(rule) => (
<div class="card card-bordered card-compact border-neutral-focus bg-neutral p-4 text-neutral-content">
<div class="card card-bordered card-compact bg-base-200 p-4">
<div class="break-all">{rule.payload}</div>
<div class="text-xs text-slate-500">
{rule.type} :: {rule.proxy}
@ -46,7 +46,7 @@ export default () => {
<div class="grid grid-cols-1 gap-2 sm:grid-cols-1">
<For each={rulesProviders()}>
{(rulesProvider) => (
<div class="card card-bordered card-compact border-neutral-focus bg-neutral p-4 text-neutral-content">
<div class="card card-bordered card-compact bg-base-200 p-4">
<div>{rulesProvider.name}</div>
<div class="text-xs text-slate-500">
{rulesProvider.vehicleType} :: {rulesProvider.behavior} (