fix

src/components/Widgets/Classroom/ClassroomList/ClassroomList.vue

@@ -1,57 +1,59 @@
-<template>
-  <breadcrumbs style="margin-top: 29px; margin-bottom: 19px;" />
-  <template v-if="mounted">
-    <q-card class="barcode-section">
-      <q-card-section>
-        شناسه ورود به جلسه
-      </q-card-section>
-      <q-separator />
-      <form-builder-bar-code lable=""
-                             :value="this.national_code" />
-    </q-card>
-  </template>
-  <entity-index v-if="mounted"
-                ref="entityIndex"
-                v-model:value="inputs"
-                :title="listTitle"
-                :api="api"
-                :table="table"
-                :table-keys="tableKeys"
-                :table-grid-size="$q.screen.lt.sm"
-                :show-expand-button="false"
-                :show-reload-button="false"
-                :show-search-button="false">
-    <template #before-form-builder>
-      <filters :unitCategories="unitCategories"
-               :units="units"
-               @onUnitCategoriesFilterChanged="onUnitCategoriesFilterChanged"
-               @onUnitsFilterChanged="onUnitsFilterChanged" />
+<template class="my-container">
+  <div class="my-container">
+    <breadcrumbs style="margin-top: 29px; margin-bottom: 19px;" />
+    <template v-if="mounted">
+      <q-card class="barcode-section">
+        <q-card-section>
+          شناسه ورود به جلسه
+        </q-card-section>
+        <q-separator />
+        <form-builder-bar-code lable=""
+                               :value="this.national_code" />
+      </q-card>
     </template>
-    <template #entity-index-table-cell="{inputData}">
-      <template v-if="inputData.col.name === 'number'">
-        {{ inputData.rowNumber }}
-      </template>
-      <template v-if="inputData.col.name === 'status'">
-        <div :class="this.getRegistrationStatusTitleClass(inputData.props.row)">
-          {{ this.getRegistrationStatusTitle(inputData.props.row) }}
-        </div>
+    <entity-index v-if="mounted"
+                  ref="entityIndex"
+                  v-model:value="inputs"
+                  :title="listTitle"
+                  :api="api"
+                  :table="table"
+                  :table-keys="tableKeys"
+                  :table-grid-size="$q.screen.lt.sm"
+                  :show-expand-button="false"
+                  :show-reload-button="false"
+                  :show-search-button="false">
+      <template #before-form-builder>
+        <filters :unitCategories="unitCategories"
+                 :units="units"
+                 @onUnitCategoriesFilterChanged="onUnitCategoriesFilterChanged"
+                 @onUnitsFilterChanged="onUnitsFilterChanged" />
       </template>
-      <template v-else-if="inputData.col.name === 'action'">
-        <q-btn size="md"
-               color="primary"
-               label="جزییات"
-               :to="{name: showPageRouteName, params: {id: inputData.props.row.classroom_info.id}}" />
+      <template #entity-index-table-cell="{inputData}">
+        <template v-if="inputData.col.name === 'number'">
+          {{ inputData.rowNumber }}
+        </template>
+        <template v-if="inputData.col.name === 'status'">
+          <div :class="this.getRegistrationStatusTitleClass(inputData.props.row)">
+            {{ this.getRegistrationStatusTitle(inputData.props.row) }}
+          </div>
+        </template>
+        <template v-else-if="inputData.col.name === 'action'">
+          <q-btn size="md"
+                 color="primary"
+                 label="جزییات"
+                 :to="{name: showPageRouteName, params: {id: inputData.props.row.classroom_info.id}}" />
+        </template>
+        <template v-else>
+          {{ inputData.col.value }}
+        </template>
       </template>
-      <template v-else>
-        {{ inputData.col.value }}
+      <template #entity-index-table-item-cell="{inputData}">
+        <q-card class="user-classroom-card-list">
+          <user-classroom-card :registration="inputData.props.row" />
+        </q-card>
       </template>
-    </template>
-    <template #entity-index-table-item-cell="{inputData}">
-      <q-card class="user-classroom-card-list">
-        <user-classroom-card :registration="inputData.props.row" />
-      </q-card>
-    </template>
-  </entity-index>
+    </entity-index>
+  </div>
 </template>
 
 <script>
@@ -339,6 +341,15 @@ export default {
   margin-bottom: 8px;
   padding-bottom: 8px;
 }
+
+.my-container {
+  :deep(.entity-index) {
+    .entity-crud-formBuilder {
+      padding: 8px 0;
+    }
+  }
+}
+
 .CLEAN_PASSED {
   //font-size: 1.1em;
   color: green;

src/components/Widgets/Classroom/ClassroomList/filters.vue

@@ -167,7 +167,8 @@ export default {
       display: flex;
       gap: 8px;
       flex-wrap: nowrap;
-      overflow-y: auto;
+      max-width: 100%;
+      overflow-x: auto;
       justify-content: flex-start;
       scrollbar-width: none; // فایرفاکس
       -ms-overflow-style: none; // IE و Edge قدیمی