fix: code optimization

onecx · Apr 2, 2024 · a8fb378 · a8fb378
1 parent 7408d3b
commit a8fb378
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/app/permission/app-search/app-search.component.html b/src/app/permission/app-search/app-search.component.html
@@ -42,8 +42,8 @@
         [value]="(apps$ | async) ?? []"
         [paginator]="true"
         [alwaysShowPaginator]="true"
-        [rowsPerPageOptions]="[12, 24, 48]"
-        [rows]="12"
+        [rowsPerPageOptions]="[16, 32, 64]"
+        [rows]="16"
         [layout]="viewMode"
         [filterBy]="filterValueDefault"
         [sortField]="sortField"
@@ -86,18 +86,18 @@
           </div>
         </ng-template>
         <ng-template let-app let-row="rowIndex" pTemplate="gridItem">
-          <div class="col-12 sm:col-6 md:col-4 lg:col-4 xl:col-3 p-3">
+          <div class="col-12 sm:col-6 md:col-4 lg:col-4 xl:col-3 p-1 md:p-2 lg:p-3">
             <div
               [id]="'app_search_data_row_' + row"
               class="card relative p-2 cursor-pointer hover:bg-gray-200 hover:text-color"
               [class.bg-primary]="app.appType === 'WORKSPACE'"
               (click)="onAppClick($event, app)"
             >
               <div
-                class="h-3rem lg:h-3rem flex flex-column justify-content-between gap-1 lg:gap-2 my-1 lg:my-2 text-center"
+                class="h-2rem lg:h-3rem flex flex-column justify-content-between md:gap-1 lg:gap-2 amy-1 md:my-2 text-center"
               >
-                <div class="font-bold text-lg lg:text-xl">{{ limitText(app.appId, 20) }}</div>
-                <div>{{ 'APP.TYPE_'.concat(app.appType) | translate }}</div>
+                <div class="font-bold md:text-lg lg:text-xl">{{ limitText(app.appId, 20) }}</div>
+                <div class="text-xs md:text-md lg:text-lg">{{ 'APP.TYPE_'.concat(app.appType) | translate }}</div>
               </div>
             </div>
           </div>