1
1
mirror of https://github.com/Fabio286/antares.git synced 2025-06-05 21:59:22 +02:00

perf: migration from font icons to svg icons

This commit is contained in:
2023-09-17 18:49:37 +02:00
parent 9de5f67d18
commit e7bec0aaaf
80 changed files with 2024 additions and 489 deletions

View File

@ -8,7 +8,11 @@
>
<template #header>
<div class="d-flex">
<i class="mdi mdi-24px mdi-dots-horizontal mr-1" />
<BaseIcon
class="mr-1"
icon-name="mdiDotsHorizontal"
:size="24"
/>
<span class="cut-text">{{ t('database.parameters') }} "{{ func }}"</span>
</div>
</template>
@ -19,7 +23,11 @@
<div class="panel-header pt-0 pl-0">
<div class="d-flex">
<button class="btn btn-dark btn-sm d-flex" @click="addParameter">
<i class="mdi mdi-24px mdi-plus mr-1" />
<BaseIcon
class="mr-1"
icon-name="mdiPlus"
:size="24"
/>
<span>{{ t('general.add') }}</span>
</button>
<button
@ -28,7 +36,11 @@
:disabled="!isChanged"
@click.prevent="clearChanges"
>
<i class="mdi mdi-24px mdi-delete-sweep mr-1" />
<BaseIcon
class="mr-1"
icon-name="mdiDeleteSweep"
:size="24"
/>
<span>{{ t('general.clear') }}</span>
</button>
</div>
@ -43,7 +55,12 @@
>
<div class="tile-icon">
<div>
<i class="mdi mdi-hexagon mdi-24px" :class="typeClass(param.type)" />
<BaseIcon
class="mt-2"
icon-name="mdiHexagon"
:class="typeClass(param.type)"
:size="24"
/>
</div>
</div>
<div class="tile-content">
@ -58,7 +75,11 @@
:title="t('general.delete')"
@click.prevent="removeParameter(param._antares_id)"
>
<i class="mdi mdi-close" />
<BaseIcon
icon-name="mdiClose"
:size="18"
class="mt-2"
/>
</button>
</div>
</div>
@ -147,7 +168,11 @@
</form>
<div v-if="!parametersProxy.length" class="empty">
<div class="empty-icon">
<i class="mdi mdi-dots-horizontal mdi-48px" />
<BaseIcon
class="mr-1"
icon-name="mdiDotsHorizontal"
:size="48"
/>
</div>
<p class="empty-title h5">
{{ t('database.thereAreNoParameters') }}
@ -170,6 +195,7 @@ import { computed, onMounted, onUnmounted, Ref, ref } from 'vue';
import { useI18n } from 'vue-i18n';
import ConfirmModal from '@/components/BaseConfirmModal.vue';
import BaseIcon from '@/components/BaseIcon.vue';
import BaseSelect from '@/components/BaseSelect.vue';
const { t } = useI18n();
@ -307,7 +333,7 @@ onUnmounted(() => {
overflow: auto;
}
.remove-field .mdi {
.remove-field svg {
pointer-events: none;
}
</style>