Updated

frontend/components/global/product/Comment.vue

@@ -21,13 +21,13 @@ const formattedDate = useDateFormat(date.value, "YYYY/MM/DD");
 </script>
 
 <template>
-    <div class="w-full p-12 rounded-150 bg-white border-[0.5px] border-slate-200 flex flex-col gap-6">
-        <div class="flex justify-between items-start w-full">
+    <div class="w-full p-6 xs:p-12 rounded-150 bg-white border-[0.5px] border-slate-200 flex flex-col gap-6">
+        <div class="flex justify-between items-start w-full max-sm:flex-col gap-4">
             <div class="flex flex-col gap-3">
-                <span class="typo-h-6 text-black">
+                <span class="text-lg font-semibold sm:typo-h-6 text-black">
                     خیلی محصول خوبی بودددد
                 </span>
-                <span class="typo-p-sm text-slate-500">
+                <span class="typo-p-xs sm:typo-p-sm text-slate-500">
                     {{ username }}
                     در
                     {{ formattedDate }}

frontend/components/global/product/StickyCard.vue

@@ -32,7 +32,8 @@ const { picture, price, title, color } = toRefs(props);
             </div>
         </div>
         <Button class="rounded-full">
-            افزودن به سبد
+            افزودن
+            <span class="max-sm:hidden">به سبد</span>
         </Button>
     </div>
 </template>