Delete className transition-all

ideal-world · Sep 2, 2024 · c6c3715 · c6c3715
1 parent 5984b8e
commit c6c3715
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/src/components/function/Pagination.vue b/src/components/function/Pagination.vue
@@ -209,9 +209,9 @@ function handleJump(e: Event) {
 <template>
   <div style="position: sticky; right: 0; " class="z-[3000] flex items-center">
     <span class="text-sm">{{ $t('function.pagination.total', { number: props.totalNumber }) }}</span>
-    <button class="border border-neutral-400 rounded ml-4 mr-2 py-1 px-3 cursor-pointer transition-all flex items-center" @blur="(e) => changePageSizeStyle(e)" @focus="(e) => changePageSizeStyle(e)" @click="(e) => { fetchNumberSelectCompRef?.show(e.target as HTMLElement, MenuOffsetKind.MEDIUM_BOTTOM, MenuSizeKind.MINI) }">
+    <button class="border border-neutral-400 rounded ml-4 mr-2 py-1 px-3 cursor-pointer flex items-center" @click="(e) => { fetchNumberSelectCompRef?.show(e.target as HTMLElement, MenuOffsetKind.MEDIUM_BOTTOM, MenuSizeKind.MINI) }">
       {{ $t('function.pagination.pageSize', { number: getActualSlice().fetchNumber }) }}
-      <i class="block transition-all" :class="iconSvg.SHRINK" />
+      <i class="block " :class="iconSvg.SHRINK" />
     </button>
     <button v-if="getCurrentPage() > 2" class="iw-btn iw-btn-ghost px-1 iw-btn-xs" @click="setCurrentPage(1)">
       <i :class="iconSvg.FIRST" />
@@ -222,7 +222,7 @@ function handleJump(e: Event) {
     <button
       v-for="page in getShowPages()"
       :key="page"
-      :class="`flex justify-center px-3 ml-2 py-1 w-[30px] h-[30px] rounded transition-all border-none ${page === getCurrentPage() ? 'text-[var(--sys-primary)]' : ''}`"
+      :class="`flex justify-center px-3 ml-2 py-1 w-[30px] h-[30px] rounded  border-none ${page === getCurrentPage() ? 'text-[var(--sys-primary)]' : ''}`"
       :disabled="page === getCurrentPage()"
       @click="setCurrentPage(page)"
     >
@@ -233,7 +233,7 @@ function handleJump(e: Event) {
         ...
       </div>
       <button
-        :class="`flex justify-center px-3 ml-2 py-1 w-[30px] h-[30px] rounded transition-all border-none ${getTotalPage() === getCurrentPage() ? 'text-[var(--sys-primary)]' : ''}`"
+        :class="`flex justify-center px-3 ml-2 py-1 w-[30px] h-[30px] rounded  border-none ${getTotalPage() === getCurrentPage() ? 'text-[var(--sys-primary)]' : ''}`"
         @click="setCurrentPage(getTotalPage())"
       >
         {{ getTotalPage() }}
@@ -250,7 +250,7 @@ function handleJump(e: Event) {
     <MenuComp ref="fetchNumberSelectCompRef">
       <div
         v-for="number in getActualSlice().fetchNumbers" :key="number"
-        class="p-2 text-center transition-all cursor-pointer rounded hover:bg-gray-100"
+        class="p-2 text-center  cursor-pointer rounded hover:bg-gray-100"
         :class="`${number === getActualSlice().fetchNumber ? 'text-[var(--sys-primary)]' : ''}`"
         @click="setFetchNumber(number)"
       >

diff --git a/src/components/function/TableHeaderItem.vue b/src/components/function/TableHeaderItem.vue
@@ -93,7 +93,7 @@ onMounted(() => {
           :key="layout.id"
           :data-layout-id="layout.id"
           role="tab"
-          class="iw-tt-header__item iw-tab flex flex-nowrap mr-2 bg-white transition-all"
+          class="iw-tt-header__item iw-tab flex flex-nowrap mr-2 bg-white "
           :class="currentLayoutId === layout.id ? 'iw-tab-active' : ''"
           :title="layout.title"
         >
@@ -127,7 +127,7 @@ onMounted(() => {
             :key="layout.id"
             :data-layout-id="layout.id"
             role="tab"
-            class="iw-tt-header__item iw-tab flex flex-nowrap mr-2 bg-white transition-all justify-start"
+            class="iw-tt-header__item iw-tab flex flex-nowrap mr-2 bg-white  justify-start"
             :class="currentLayoutId === layout.id ? 'iw-tab-active' : ''"
             :title="layout.title"
           >
@@ -147,7 +147,7 @@ onMounted(() => {
       <div class="iw-dropdown">
         <div
           tabindex="0" role="button"
-          class="bg-white iw-tt-header__item iw-tab iw_tt_add_layout flex flex-nowrap border-none transition-all"
+          class="bg-white iw-tt-header__item iw-tab iw_tt_add_layout flex flex-nowrap border-none "
         >
           <i :class="`${iconSvg.NEW}`" class="text-lg" />
         </div>