MALIO-DEV/malio-layer-ui
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui) : TabList — gap 36px flèches/onglets + centrage vertical

Browse Source 
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Autin
2026-06-03 17:57:47 +02:00
parent 80132375b7
commit f97cb44870
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/malio/tab/TabList.vue
+3 -3
View File
@@ -1,13 +1,13 @@
<template> <template>
<div v-bind="$attrs"> <div v-bind="$attrs">
<div v-if="isWindowed" class="flex items-end justify-center border-b border-m-primary"> <div v-if="isWindowed" class="flex items-center justify-center gap-[36px] border-b border-m-primary">
<button <button
type="button" type="button"
aria-label="Onglets précédents" aria-label="Onglets précédents"
data-test="tab-prev" data-test="tab-prev"
:disabled="!canPrev" :disabled="!canPrev"
:class="[ :class="[
'mr-[36px] pb-[6px] text-m-primary', 'text-m-primary',
canPrev ? 'cursor-pointer hover:text-m-primary/70' : 'cursor-not-allowed text-m-primary/30', canPrev ? 'cursor-pointer hover:text-m-primary/70' : 'cursor-not-allowed text-m-primary/30',
]" ]"
@click="prev" @click="prev"
@@ -55,7 +55,7 @@
data-test="tab-next" data-test="tab-next"
:disabled="!canNext" :disabled="!canNext"
:class="[ :class="[
'ml-[36px] pb-[6px] text-m-primary', 'text-m-primary',
canNext ? 'cursor-pointer hover:text-m-primary/70' : 'cursor-not-allowed text-m-primary/30', canNext ? 'cursor-pointer hover:text-m-primary/70' : 'cursor-not-allowed text-m-primary/30',
]" ]"
@click="next" @click="next"