Update data

2025-02-21 19:25:47 +03:30
parent 3f99fea92e
commit 7b5bd505ff
1 changed files with 5 additions and 2 deletions
@@ -22,9 +22,12 @@ const { picture, price, title, color } = toRefs(props);
            <div class="relative size-[100px] rounded-100 overflow-hidden border-[0.5px] border-slate-200">
                <img :src="picture" :alt="title" class="object-cover absolute" />
            </div>
-            <div class="flex flex-col gap-1">
+            <div class="flex flex-col gap-1.5">
                <span class="typo-sub-h-md text-black">{{ title }}</span>
-                <span class="typo-p-sm text-slate-500">{{ color }}</span>
+                <div class="flex items-center gap-2">
+                    <span class="typo-p-sm text-slate-500">رنگ</span>
+                    <ColorCircle class="!size-5" :style="{backgroundColor: color}" />
+                </div>
                <span class="typo-p-md text-black">{{ price }}</span>
            </div>
        </div>