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="truncate text-left">{proxyName}</div>
<div class="flex items-center justify-between gap-1"> <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)} {formatProxyType(proxyNode().type)}
{proxyNode().udp && ' :: udp'} {proxyNode().udp && ' :: udp'}
</div> </div>

4
src/pages/Connections.tsx
View File

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