diff --git a/components/member/List.vue b/components/member/List.vue index ad36e4170fc86e9812a0894ec54ea2ecac71ba16..297396d6179cfd65320570af3663b1bca7393e19 100644 --- a/components/member/List.vue +++ b/components/member/List.vue @@ -75,9 +75,6 @@ :limitDate="member.certsLimit" :memberStatus="member.status" /> </div> - <div v-if="['adhesion', 'certif'].includes(type)" class="d-sm-none"> - <BadgeDate :date="getDate(member)" styleDate="short" /> - </div> <BadgeStatus :membre="member" /> <BadgeQuality :quality="member.quality.ratio" @@ -87,6 +84,9 @@ :dateDispo="member.minDate" :certifs="member.sent_certifications" v-if="member.status == 'MEMBER'" /> + <div v-if="['adhesion', 'certif'].includes(type)" class="d-sm-none"> + <BadgeDate :date="getDate(member)" styleDate="short" /> + </div> </th> <td class="d-none d-md-table-cell" diff --git a/components/navigation/Bar.vue b/components/navigation/Bar.vue index 48f0c1f9926a64b7bf5b538ad4737b9cd056ff99..cb91b1d585af18d5632d46c2e5be0943a11b8535 100644 --- a/components/navigation/Bar.vue +++ b/components/navigation/Bar.vue @@ -155,13 +155,15 @@ nav.breadcrumb-wrapper { left: 0; } - .close { - --size: 50px; + .btn-close { + --size: 30px; width: var(--size); height: var(--size); top: 0.8rem; - right: 0; - font-size: 2rem; + right: 0.8rem; + .dark-theme & { + filter: invert(1) grayscale(100%) brightness(200%); + } } h2 { diff --git a/components/navigation/menu/Sidebar.vue b/components/navigation/menu/Sidebar.vue index ea719d68b086d292be57513965e97b0406c795cb..19b038d4f9acb15fec0ba5ec081c3e850c250713 100644 --- a/components/navigation/menu/Sidebar.vue +++ b/components/navigation/menu/Sidebar.vue @@ -20,11 +20,9 @@ </div> <button type="button" - class="close position-absolute d-xl-none" + class="btn-close position-absolute d-xl-none" aria-label="Close" - @click="toggleMenu"> - <span aria-hidden="true">×</span> - </button> + @click="toggleMenu"></button> </div> <nav class="pt-4 rounded flex-grow-1"> <NavigationMenuGroup