fregat/web-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(catalog): remove inner card fills and cart label

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-04-03 15:55:45 +07:00
parent 2ec5a43ed3
commit cb5b20f2fa
1 changed files with 4 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/components/catalog/CatalogConfigurator.vue
View File

@@ -390,7 +390,7 @@ function decrementSelected(group: ProductGroup) {
class="surface-card rounded-3xl p-4 md:p-5" class="surface-card rounded-3xl p-4 md:p-5"
> >
<div class="grid gap-4 xl:grid-cols-6 xl:items-start"> <div class="grid gap-4 xl:grid-cols-6 xl:items-start">
<div class="rounded-[28px] bg-base-100 p-3 xl:col-span-1"> <div class="p-3 xl:col-span-1">
<img <img
:src="createProductCover(group.typeLabel, group.key)" :src="createProductCover(group.typeLabel, group.key)"
:alt="`Превью группы ${group.typeLabel}`" :alt="`Превью группы ${group.typeLabel}`"
@@ -399,7 +399,7 @@ function decrementSelected(group: ProductGroup) {
> >
</div> </div>
<div class="rounded-[28px] bg-base-100 p-4 md:p-5 xl:col-span-4"> <div class="p-4 md:p-5 xl:col-span-4">
<div class="mb-4"> <div class="mb-4">
<h2 class="text-2xl font-bold text-[#163624]">{{ group.typeLabel }}</h2> <h2 class="text-2xl font-bold text-[#163624]">{{ group.typeLabel }}</h2>
</div> </div>
@@ -441,7 +441,7 @@ function decrementSelected(group: ProductGroup) {
</div> </div>
</div> </div>
<aside class="rounded-[28px] bg-base-100 p-4 md:p-5 xl:col-span-1"> <aside class="p-4 md:p-5 xl:col-span-1">
<div class="flex h-full flex-col justify-between gap-4"> <div class="flex h-full flex-col justify-between gap-4">
<div class="space-y-3"> <div class="space-y-3">
<p class="text-xl font-bold text-[#163624]">{{ articleLabel(group) }}</p> <p class="text-xl font-bold text-[#163624]">{{ articleLabel(group) }}</p>
@@ -466,10 +466,7 @@ function decrementSelected(group: ProductGroup) {
> >
- -
</button> </button>
<div class="text-center"> <div class="min-w-10 text-center text-lg font-semibold text-[#163624]">{{ selectedQty(group) }}</div>
<div class="text-[11px] uppercase tracking-[0.16em] text-base-content/45">В корзине</div>
<div class="text-lg font-semibold text-[#163624]">{{ selectedQty(group) }}</div>
</div>
<button class="btn btn-square btn-sm" :disabled="!selectedProduct(group)" @click="incrementSelected(group)"> <button class="btn btn-square btn-sm" :disabled="!selectedProduct(group)" @click="incrementSelected(group)">
+ +
</button> </button>