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

refactor: rule provider card

Browse Source
This commit is contained in:
Zephyruso 2023-09-05 21:39:04 +08:00
parent c6f3beec35
commit 1bca408ea1
1 changed files with 13 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/pages/Rules.tsx
View File

@ -84,15 +84,16 @@ export default () => {
<For each={rulesProviders()}> <For each={rulesProviders()}>
{(rulesProvider) => ( {(rulesProvider) => (
<div class="card card-bordered card-compact mb-2 bg-base-200 p-4"> <div class="card card-bordered card-compact mb-2 bg-base-200 p-4">
<div class="flex items-center justify-between"> <div class="break-all pr-8">
<div class="break-all">
{rulesProvider.name} ({rulesProvider.ruleCount}) {rulesProvider.name} ({rulesProvider.ruleCount})
</div> </div>
<div class="text-xs text-slate-500">
{rulesProvider.vehicleType} / {rulesProvider.behavior} /
{t('updated')} {formatTimeFromNow(rulesProvider.updatedAt)}
</div>
<Button <Button
class="btn-circle btn-sm mr-2" class="btn-circle btn-sm absolute right-2 top-2 mr-2 h-4"
onClick={(e) => onClick={(e) => onUpdateProviderClick(e, rulesProvider.name)}
onUpdateProviderClick(e, rulesProvider.name)
}
> >
<IconReload <IconReload
class={twMerge( class={twMerge(
@ -102,11 +103,6 @@ export default () => {
/> />
</Button> </Button>
</div> </div>
<div class="text-xs text-slate-500">
{rulesProvider.vehicleType} / {rulesProvider.behavior} /
{t('updated')} {formatTimeFromNow(rulesProvider.updatedAt)}
</div>
</div>
)} )}
</For> </For>
</div> </div>