update

src/components/add-update-post/index.vue

@@ -282,8 +282,6 @@
               </q-tab-panels>
             </div>
           </div>
-
-          <div class="row q-col-gutter-sm"></div>
         </q-card-section>
         <q-card-actions align="right">
           <div>

src/components/configSystem/index.vue

@@ -4,7 +4,7 @@
     :model-value="isOpened"
     @update:model-value="$emit('update:isOpened', $event)"
   >
-    <q-card style="min-width: 80rem" bordered>
+    <q-card class="full-width" style="max-width: 80rem" bordered>
       <q-form
         greedy
         @submit.prevent="
@@ -25,7 +25,10 @@
         </q-card-section>
         <q-separator />
 
-        <q-card-section>
+        <q-card-section
+          class="overflow-auto"
+          style="max-height: calc(100vh - 15rem)"
+        >
           <div class="row q-col-gutter-sm">
             <div class="col-6">
               <q-input
@@ -51,17 +54,17 @@
                 clearable
               ></q-input>
             </div>
-            <div class="col-12">
+            <div class="col-12 q-pb-md">
               <div>
                 <q-editor
                   :model-value="content"
                   @update:model-value="$emit('update:content', $event)"
                   ref="editorRef"
                   placeholder="Nội dung *"
+                  style="min-height: 32rem"
                   toolbar-text-color="white"
                   toolbar-toggle-color="yellow-8"
                   toolbar-bg="primary"
-                  style="height: 20rem"
                   :toolbar="[
                     [
                       {
@@ -153,21 +156,25 @@
             </div>
           </div>
         </q-card-section>
+        <q-separator />
         <q-card-actions align="right">
-          <q-btn
-            color="grey"
-            no-caps
-            style="width: 90px"
-            :label="$t('listConfigSystem.crudActions.cancel')"
-            @click="$emit('update:isOpened', false)"
-          />
-          <q-btn
-            type="submit"
-            color="primary"
-            no-caps
-            style="width: 90px"
-            :label="$t('listConfigSystem.crudActions.save')"
-          />
+          <div>
+            <q-btn
+              color="grey"
+              no-caps
+              class="q-mr-sm"
+              style="width: 90px"
+              :label="$t('listConfigSystem.crudActions.cancel')"
+              @click="$emit('update:isOpened', false)"
+            />
+            <q-btn
+              type="submit"
+              color="primary"
+              no-caps
+              style="width: 90px"
+              :label="$t('listConfigSystem.crudActions.save')"
+            />
+          </div>
         </q-card-actions>
       </q-form>
     </q-card>

src/i18n/vi/index.ts

@@ -958,12 +958,12 @@ export default {
     },
   },
 
-  //Cấu hình chính sách
+  //Cấu hình trang tĩnh
   listConfigSystem: {
     add: 'Thêm',
     toolTipMessageUpdate: 'Cập nhập',
     toolTipMessageDelete: 'Xóa',
-    title: 'Cấu hình hệ thống',
+    title: 'Cấu hình Trang tĩnh',
     titleColumnsTable: {
       stt: 'STT',
       namePage: 'Tên cấu hình',

src/pages/cau-hinh-he-thong/index.vue → src/pages/cau-hinh-trang-tinh/index.vue

@@ -87,7 +87,7 @@
           <td>
             <div class="ellipsis-3-lines">
               <div v-html="!item.row.content ? '' : item.row.content"></div>
-              <q-tooltip :offset="[10, 10]" max-width="20%"
+              <q-tooltip :offset="[10, 10]" max-width="30%"
                 ><div v-html="!item.row.content ? '' : item.row.content"></div
               ></q-tooltip>
             </div>

src/router/routes.ts

@@ -19,7 +19,7 @@ export enum Pages {
   menu = 'menu',
   listBooking = 'danh-sach-booking',
   work = 'cong-viec',
-  configSystem = 'cau-hinh-he-thong',
+  configSystem = 'cau-hinh-trang-tinh',
   news = 'cau-hinh-tin-tuc',
   hotProduct = 'cau-hinh-san-pham-noi-bat',
 }
@@ -120,8 +120,8 @@ const routes: RouteRecordRaw[] = [
         name: Pages.work,
       },
       {
-        path: 'cau-hinh-he-thong',
-        component: () => import('pages/cau-hinh-he-thong/index.vue'),
+        path: 'cau-hinh-trang-tinh',
+        component: () => import('pages/cau-hinh-trang-tinh/index.vue'),
         name: Pages.configSystem,
       },
       {