fix

src/features/admin/sessions/pages/SessionFormPage.vue

@@ -12,16 +12,6 @@
 
     <form class="session-form__form" @submit.prevent="onSubmit">
       <div class="session-form__grid">
-        <div class="session-form__image-col">
-          <ImageCropper
-            v-model="image"
-            name="image"
-            bg-color="#eeeeee"
-            @crop="onImageCropped"
-            @error="onImageError"
-          />
-        </div>
-
         <div class="session-form__main-col">
           <LineTitleBlock title="اطلاعات جلسه" title-en="Session Details" />
 
@@ -112,6 +102,16 @@
             />
           </div>
         </div>
+
+        <div class="session-form__image-col">
+          <ImageCropper
+            v-model="image"
+            name="image"
+            bg-color="#eeeeee"
+            @crop="onImageCropped"
+            @error="onImageError"
+          />
+        </div>
       </div>
 
       <div class="session-form__divider" />
@@ -392,32 +392,27 @@ const onCancel = () => router.push({ name: 'admin-sessions' })
     gap: 1rem;
 
     @media (min-width: 1024px) {
-      grid-template-columns: 4fr 8fr;
+      grid-template-columns: 8fr 4fr;
     }
 
     @media (min-width: 1280px) {
-      grid-template-columns: 3fr 9fr;
+      grid-template-columns: 9fr 3fr;
     }
   }
 
   &__image-col {
-    order: 2;
-
     @media (min-width: 1024px) {
-      order: 1;
       padding: 0.5rem;
     }
   }
 
   &__main-col {
-    order: 1;
     display: flex;
     flex-direction: column;
     gap: 0.75rem;
 
     @media (min-width: 1024px) {
-      order: 2;
-      padding-inline-start: 1.25rem;
+      padding-inline-end: 1.25rem;
     }
   }