diff --git a/confiture-web-app/src/components/audit/AraTabs.vue b/confiture-web-app/src/components/audit/AraTabs.vue index c2d0a67e..deb3a580 100644 --- a/confiture-web-app/src/components/audit/AraTabs.vue +++ b/confiture-web-app/src/components/audit/AraTabs.vue @@ -8,9 +8,10 @@ import { ref, watch } from "vue"; import { useUniqueId } from "../../composables/useUniqueId"; +import LayoutIcon from "../icons/LayoutIcon.vue"; const props = defineProps<{ - tabs: { label: string; data: T; icon?: string }[]; + tabs: { label: string; data: T; isTransverse?: boolean }[]; stickyTop: string; }>(); @@ -74,18 +75,13 @@ watch(currentTab, (currentTab) => { :aria-controls="panelId(i)" :aria-selected="i === currentTab ? 'true' : 'false'" :tabindex="i === currentTab ? undefined : '-1'" - :class="{ - 'fr-tabs__tab--icon-left': !!tab.icon, - ...(!!tab.icon && { - [`fr-icon-${tab.icon}`]: !!tab.icon - }) - }" @click="currentTab = i" @keydown.right.down.prevent="selectNextTab" @keydown.left.up.prevent="selectPreviousTab" @keydown.home.prevent="selectFirstTab" @keydown.end.prevent="selectLastTab" > + {{ tab.label }} diff --git a/confiture-web-app/src/components/icons/LayoutIcon.vue b/confiture-web-app/src/components/icons/LayoutIcon.vue new file mode 100644 index 00000000..0b36addf --- /dev/null +++ b/confiture-web-app/src/components/icons/LayoutIcon.vue @@ -0,0 +1,21 @@ + diff --git a/confiture-web-app/src/pages/audit/AuditGenerationPage.vue b/confiture-web-app/src/pages/audit/AuditGenerationPage.vue index 0732edbc..2a0ceda8 100644 --- a/confiture-web-app/src/pages/audit/AuditGenerationPage.vue +++ b/confiture-web-app/src/pages/audit/AuditGenerationPage.vue @@ -208,7 +208,7 @@ const tabsData = computed((): TabData[] => { auditStore.currentAudit?.pages.map((p) => ({ label: p.name, data: p, - icon: p.id === -1 ? "arrow-right-s-line-double" : null + isTransverse: p.id === -1 })) ?? [], (p) => p.data.order );