fix Age header icon

telosnetwork · May 2, 2024 · 047fb95 · 047fb95
1 parent a60a0b4
commit 047fb95
Showing 1 changed file with 9 additions and 8 deletions.
diff --git a/src/components/InternalTransactionFlatTable.vue b/src/components/InternalTransactionFlatTable.vue
@@ -349,10 +349,9 @@ export default {
  <template v-slot:header="props">
  <q-tr :props="props">
  <q-th v-for="col in props.cols" :key="col.name" :props="props">
- <div :class="[ 'u-flex--center-y', { 'u-flex--right': col.align === 'right' } ]" >
- <div
+ <div :class="[ 'c-inttrx-flat__header-age', 'u-flex--center-y', { 'u-flex--right': col.align === 'right' } ]" @click="toggleDateFormat">
+ <template
  v-if="col.name === 'date'"
- @click="toggleDateFormat"
  >
  <a>{{ showDateAge ? col.label: $t('components.date') }}</a>
  <q-icon
@@ -363,7 +362,7 @@ export default {
  {{ $t('components.click_to_change_format') }}
  </q-tooltip>
  </q-icon>
- </div>
+ </template>
  <div v-else-if="col.name === 'method'">
  {{ col.label }}
  <q-icon class="info-icon" name="far fa-question-circle" />
@@ -449,10 +448,9 @@ export default {
  <template v-slot:header="props">
  <q-tr :props="props">
  <q-th v-for="col in props.cols" :key="col.name" :props="props">
- <div :class="[ 'u-flex--center-y', { 'u-flex--right': col.align === 'right' } ]" >
- <div
+ <div :class="[ 'c-inttrx-flat__header-age', 'u-flex--center-y', { 'u-flex--right': col.align === 'right' } ]" @click="toggleDateFormat">
+ <template
  v-if="col.name === 'date'"
- @click="toggleDateFormat"
  >
  <a>{{ showDateAge ? col.label: $t('components.date') }}</a>
  <q-icon
@@ -463,7 +461,7 @@ export default {
  {{ $t('components.click_to_change_format') }}
  </q-tooltip>
  </q-icon>
- </div>
+ </template>
  <div v-else-if="col.name === 'method'">
  {{ col.label }}
  <q-icon class="info-icon" name="far fa-question-circle" />
@@ -525,6 +523,9 @@ export default {
  position: relative;
  }
  }
+ &__header-age {
+ gap: 5px;
+ }
  &__footer {
  position: absolute;
  right: 0;