diff options
author | Louis Chemineau <louis@chmn.me> | 2023-06-21 15:01:42 +0200 |
---|---|---|
committer | Louis Chemineau <louis@chmn.me> | 2023-06-21 16:15:00 +0200 |
commit | e3ee0deb08209c5f76f82574a304cd10a36a90c0 (patch) | |
tree | f4d55be91092c8f067cba629fb8fcf4da97fbe4a | |
parent | 538d9b273187b8c1f3a9e37d3b9acdf3288346d1 (diff) |
Use nav, ul and li for FilePicker's sidebar
Signed-off-by: Louis Chemineau <louis@chmn.me>
-rw-r--r-- | src/components/FilesPicker.vue | 21 |
1 files changed, 11 insertions, 10 deletions
diff --git a/src/components/FilesPicker.vue b/src/components/FilesPicker.vue index 8b1c5e65..1c2c7059 100644 --- a/src/components/FilesPicker.vue +++ b/src/components/FilesPicker.vue @@ -22,16 +22,17 @@ <template> <div class="file-picker"> <div class="file-picker__content"> - <div class="file-picker__navigation" - :class="{'file-picker__navigation--placeholder': monthsList.length === 0}"> - <div v-for="month in monthsList" - :key="month" - class="file-picker__navigation__month" - :class="{selected: targetMonth === month}" - @click="targetMonth = month"> - {{ month | dateMonthAndYear }} - </div> - </div> + <nav class="file-picker__navigation" :class="{'file-picker__navigation--placeholder': monthsList.length === 0}"> + <ul> + <li v-for="month in monthsList" + :key="month" + class="file-picker__navigation__month" + :class="{selected: targetMonth === month}" + @click="targetMonth = month"> + {{ month | dateMonthAndYear }} + </li> + </ul> + </nav> <FilesListViewer class="file-picker__file-list" :class="{'file-picker__file-list--placeholder': monthsList.length === 0}" |