changed product card
This commit is contained in:
@@ -42,23 +42,23 @@ defineProps<Props>();
|
||||
</Tag>
|
||||
</div>
|
||||
<div
|
||||
class="absolute inset-x-0 bottom-0 pb-6 px-6 flex justify-between items-center"
|
||||
class="absolute inset-x-0 bottom-0 pb-6 px-6 flex flex-row-reverse justify-between items-end"
|
||||
>
|
||||
<span class="typo-p-md"> ${{ price }} </span>
|
||||
<div class="flex flex-col gap-2 items-end">
|
||||
<span class="typo-p-md"> {{ price }} </span>
|
||||
<div class="flex flex-col gap-2 items-start">
|
||||
<span class="typo-p-md">
|
||||
{{ brand }}
|
||||
</span>
|
||||
<span class="typo-sub-h-md">
|
||||
{{ title }}
|
||||
</span>
|
||||
<div class="flex items-center gap-2 mt-1">
|
||||
<!-- <div class="flex items-center gap-2 mt-1">
|
||||
<ColorCircle
|
||||
v-for="color in colors"
|
||||
:key="color"
|
||||
:style="{ backgroundColor: color }"
|
||||
/>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user