danvics/ytptube
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

refactor: improve how cards look

Browse source
This commit is contained in:
arabcoders 2026-06-08 07:11:31 +03:00
parent 0482df2fec
commit e61df14ec0
10 changed files with 22 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
ui/app/components/Simple.vue
View file

@ -205,7 +205,7 @@
<UCard
v-for="item in queueItems"
:key="`queue-${item._id}`"
class="w-full min-w-0 max-w-full overflow-hidden border bg-default"
class="w-full min-w-0 max-w-full overflow-hidden"
:ui="queueCardUi"
>
<template #header>
@ -439,7 +439,7 @@
<UCard
v-for="item in historyEntries"
:key="`history-${historyPagination.page}-${item._id}`"
class="w-full min-w-0 max-w-full overflow-hidden border bg-default"
class="w-full min-w-0 max-w-full overflow-hidden"
:ui="queueCardUi"
>
<div class="flex min-w-0 flex-col gap-4 sm:flex-row">
@ -756,14 +756,14 @@ const fieldUi = {
};
const formCardUi = {
root: 'w-full border bg-default',
root: 'w-full border border-default bg-default',
container: 'w-full p-4 sm:p-5',
wrapper: 'w-full items-stretch',
body: 'w-full',
};
const queueCardUi = {
root: 'w-full',
root: 'w-full border border-default bg-default',
header: 'p-4 pb-0',
body: 'p-4',
};

3
ui/app/pages/browser/[...slug].vue
View file

@ -323,8 +323,9 @@
<UCard
v-for="item in filteredItems"
:key="item.path"
class="flex h-full flex-col border bg-default"
class="flex h-full flex-col"
:ui="{
root: 'bg-default border border-default',
header: 'p-4 pb-3',
body: 'flex flex-1 flex-col gap-4 p-4 pt-0',
footer: 'border-t border-default px-4 py-4',

3
ui/app/pages/conditions.vue
View file

@ -239,8 +239,9 @@
<div v-else-if="filteredItems.length > 0" class="grid gap-4 md:grid-cols-2 xl:grid-cols-3">
<div v-for="cond in filteredItems" :key="cond.id" class="min-w-0 w-full max-w-full">
<UCard
class="flex h-full min-w-0 w-full max-w-full flex-col border bg-default"
class="flex h-full min-w-0 w-full max-w-full flex-col"
:ui="{
root: 'bg-default border border-default',
header: 'p-4 pb-3',
body: 'flex flex-1 flex-col gap-4 p-4 pt-0',
footer: 'border-t border-default px-4 py-4',

3
ui/app/pages/dl_fields.vue
View file

@ -238,8 +238,9 @@
<div v-else-if="filteredItems.length > 0" class="grid gap-4 md:grid-cols-2 xl:grid-cols-3">
<div v-for="field in filteredItems" :key="field.id" class="min-w-0 w-full max-w-full">
<UCard
class="flex h-full min-w-0 w-full max-w-full flex-col border bg-default"
class="flex h-full min-w-0 w-full max-w-full flex-col"
:ui="{
root: 'bg-default border border-default',
header: 'p-4 pb-3',
body: 'flex flex-1 flex-col gap-4 p-4 pt-0',
footer: 'border-t border-default px-4 py-4',

4
ui/app/pages/history.vue
View file

@ -377,12 +377,12 @@
class="min-h-0 min-w-0 w-full max-w-full"
>
<UCard
class="flex h-full min-w-0 w-full max-w-full flex-col overflow-hidden border"
class="flex h-full min-w-0 w-full max-w-full flex-col overflow-hidden"
:ui="{
body: 'flex flex-1 flex-col gap-4 p-4',
footer: 'border-t border-default px-4 py-4',
header: 'p-4 pb-3',
root: 'bg-default',
root: 'bg-default border border-default',
}"
>
<template #header>

4
ui/app/pages/index.vue
View file

@ -399,12 +399,12 @@
class="min-h-0 min-w-0 w-full max-w-full"
>
<UCard
class="flex h-full min-w-0 w-full max-w-full flex-col overflow-hidden border"
class="flex h-full min-w-0 w-full max-w-full flex-col overflow-hidden"
:ui="{
body: 'flex flex-1 flex-col gap-4 p-4',
footer: 'border-t border-default px-4 py-4',
header: 'p-4 pb-3',
root: 'bg-default',
root: 'bg-default border border-default',
}"
>
<template #header>

3
ui/app/pages/notifications.vue
View file

@ -276,8 +276,9 @@
<div v-else-if="filteredTargets.length > 0" class="grid gap-4 md:grid-cols-2 xl:grid-cols-3">
<div v-for="item in filteredTargets" :key="item.id" class="min-w-0 w-full max-w-full">
<UCard
class="flex h-full min-w-0 w-full max-w-full flex-col border bg-default"
class="flex h-full min-w-0 w-full max-w-full flex-col"
:ui="{
root: 'bg-default border border-default',
header: 'p-4 pb-3',
body: 'flex flex-1 flex-col gap-4 p-4 pt-0',
footer: 'border-t border-default px-4 py-4',

3
ui/app/pages/presets.vue
View file

@ -237,8 +237,9 @@
<div v-else-if="filteredPresets.length > 0" class="grid gap-4 md:grid-cols-2 xl:grid-cols-3">
<div v-for="item in filteredPresets" :key="item.id" class="min-w-0 w-full max-w-full">
<UCard
class="flex h-full min-w-0 w-full max-w-full flex-col border bg-default"
class="flex h-full min-w-0 w-full max-w-full flex-col"
:ui="{
root: 'bg-default border border-default',
header: 'p-4 pb-3',
body: 'flex flex-1 flex-col gap-4 p-4 pt-0',
footer: 'border-t border-default px-4 py-4',

3
ui/app/pages/task_definitions.vue
View file

@ -267,8 +267,9 @@
class="min-w-0 w-full max-w-full"
>
<UCard
class="flex h-full min-w-0 w-full max-w-full flex-col border bg-default"
class="flex h-full min-w-0 w-full max-w-full flex-col"
:ui="{
root: 'bg-default border border-default',
header: 'p-4 pb-3',
body: 'flex flex-1 flex-col gap-4 p-4 pt-0',
footer: 'border-t border-default px-4 py-4',

3
ui/app/pages/tasks.vue
View file

@ -340,8 +340,9 @@
>
<div v-for="item in filteredTasks" :key="item.id" class="min-w-0 w-full max-w-full">
<UCard
class="flex h-full min-w-0 w-full max-w-full flex-col border bg-default"
class="flex h-full min-w-0 w-full max-w-full flex-col"
:ui="{
root: 'bg-default border border-default',
header: 'p-4 pb-3',
body: 'flex flex-1 flex-col gap-4 p-4 pt-0',
footer: 'border-t border-default px-4 py-4',