Updated

frontend/components/product/ProductComments.vue

@@ -24,7 +24,7 @@ const { mutateAsync: createComment, isPending: isCreateCommentPending } =
 const submitComment = async () => {
     if (userComment.value.length > 3) {
         await createComment({
-            content: userComment.value,
+            content: userComment.value
         });
 
         userComment.value = "";
@@ -36,11 +36,11 @@ const submitComment = async () => {
 
 <template>
     <section class="bg-slate-50">
-        <div class="flex relative gap-8 my-42 container">
+        <div class="flex relative gap-8 my-42 container max-lg:flex-col">
             <div
-                class="sticky top-0 flex flex-col gap-6 min-w-[400px] max-h-min bg-white p-8 rounded-xl border-[0.5px] border-slate-200"
+                class="sticky top-0 flex flex-col gap-6 lg:min-w-[400px] h-fit bg-white p-8 rounded-xl border-[0.5px] border-slate-200"
             >
-                <h3 class="typo-h-3">نظرات کاربران</h3>
+                <h3 class="typo-h-6 max-sm:text-xl md:typo-h-5 lg:typo-h-4">نظرات کاربران</h3>
                 <div class="flex flex-col gap-2">
                     <Rating :rate="2" />
                     <span class="typo-p-sm">