Simplify OfferResultCard and use daisyUI Steps
All checks were successful
Build Docker Image / build (push) Successful in 4m42s
All checks were successful
Build Docker Image / build (push) Successful in 4m42s
- Remove sourceName, latitude, longitude props from OfferResultCard - Remove LocationMiniMap component (not needed, main map is on the side) - Convert RouteStepper to use daisyUI steps-horizontal - Update hub page and CalcResultContent to remove unused props
This commit is contained in:
@@ -1,13 +1,14 @@
|
||||
<template>
|
||||
<div class="flex items-center gap-1 flex-wrap text-xs">
|
||||
<template v-for="(stage, index) in stages" :key="index">
|
||||
<div v-if="index > 0" class="w-3 h-px bg-base-300" />
|
||||
<div class="flex items-center gap-0.5">
|
||||
<span>{{ getTransportIcon(stage.transportType) }}</span>
|
||||
<span class="text-base-content/70">{{ formatDistance(stage.distanceKm) }}км</span>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
<ul class="steps steps-horizontal text-xs w-full">
|
||||
<li
|
||||
v-for="(stage, index) in stages"
|
||||
:key="index"
|
||||
class="step step-primary"
|
||||
:data-content="getTransportIcon(stage.transportType)"
|
||||
>
|
||||
{{ formatDistance(stage.distanceKm) }} км
|
||||
</li>
|
||||
</ul>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
@@ -27,6 +28,7 @@ const getTransportIcon = (type?: string | null) => {
|
||||
case 'sea':
|
||||
return '🚢'
|
||||
case 'road':
|
||||
case 'auto':
|
||||
default:
|
||||
return '🚛'
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user