optovia/webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(catalog): align QuotePanel style with SelectionPanel/InfoPanel
All checks were successful
Build Docker Image / build (push) Successful in 5m2s
Details

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-01-28 09:29:17 +07:00
parent 209d81ec61
commit 33c406995f
1 changed files with 32 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
app/components/catalog/QuotePanel.vue
View File

@@ -1,15 +1,17 @@
<template> <template>
<MapPanel> <div class="flex flex-col h-full">
<template #header> <!-- Header -->
<div class="flex-shrink-0 p-4 border-b border-white/10">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<h3 class="font-semibold text-base text-base-content">{{ $t('catalog.headers.offers') }}</h3> <h3 class="font-semibold text-base text-white">{{ $t('catalog.headers.offers') }}</h3>
<span class="badge badge-neutral">{{ offers.length }}</span> <span class="badge badge-neutral">{{ offers.length }}</span>
</div> </div>
</template> </div>
<!-- Content --> <!-- Content (scrollable) -->
<div class="flex-1 overflow-y-auto p-4">
<div v-if="loading" class="flex items-center justify-center py-8"> <div v-if="loading" class="flex items-center justify-center py-8">
<span class="loading loading-spinner loading-md" /> <span class="loading loading-spinner loading-md text-white" />
</div> </div>
<div v-else-if="offers.length === 0" class="text-center py-8 text-white/60"> <div v-else-if="offers.length === 0" class="text-center py-8 text-white/60">
@@ -17,26 +19,32 @@
<p>{{ $t('catalog.empty.noOffers') }}</p> <p>{{ $t('catalog.empty.noOffers') }}</p>
</div> </div>
<div v-else class="flex flex-col gap-3"> <div v-else class="flex flex-col gap-2">
<div <div
v-for="offer in offers" v-for="offer in offers"
:key="offer.uuid" :key="offer.uuid"
class="cursor-pointer" class="cursor-pointer"
@click="emit('select-offer', offer)" @click="emit('select-offer', offer)"
> >
<slot name="offer-card" :offer="offer"> <OfferCard :offer="offer" compact selectable />
<OfferCard :offer="offer" linkable /> </div>
</slot> </div>
</div> </div>
</div> </div>
</MapPanel>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
interface Offer { interface Offer {
uuid: string uuid: string
name?: string | null productName?: string | null
productUuid?: string | null productUuid?: string | null
quantity?: number | string | null
unit?: string | null
pricePerUnit?: number | string | null
currency?: string | null
locationName?: string | null
locationCountry?: string | null
locationCountryCode?: string | null
} }
defineProps<{ defineProps<{