diff options
author | Louis Chemineau <louis@chmn.me> | 2024-03-06 22:47:14 +0100 |
---|---|---|
committer | Louis Chemineau <louis@chmn.me> | 2024-03-07 10:14:06 +0100 |
commit | a3dc67412b5ad0767b8ba7e079cbf8a0e44aba57 (patch) | |
tree | dd712ddc0d03e85640bf41862d6a3823bde44fdd | |
parent | 72b4186bf9a26983956f2afaaf82b84dd56b001e (diff) |
Fix semantic of html for source directory
Signed-off-by: Louis Chemineau <louis@chmn.me>
-rw-r--r-- | src/components/Settings/PhotosSourceLocationsSettings.vue | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/src/components/Settings/PhotosSourceLocationsSettings.vue b/src/components/Settings/PhotosSourceLocationsSettings.vue index 418c518b..5d09ec8c 100644 --- a/src/components/Settings/PhotosSourceLocationsSettings.vue +++ b/src/components/Settings/PhotosSourceLocationsSettings.vue @@ -21,8 +21,8 @@ --> <template> - <div class="photos-locations"> - <ul> + <div class="photos-locations-container"> + <div class="photos-locations"> <PhotosFolder :path="photosSourceFolder" :root-folder-label="t('photos', 'All folders')" :root-folder-icon="FolderMultiple" /> <!-- TODO: uncomment when SEARCH on multiple folders is implemented. --> <!-- <li v-for="(source, index) in photosSourceFolder" @@ -32,7 +32,7 @@ :root-folder-label="t('photos', 'All folders')" @remove-folder="removeSourceFolder(index)" /> </li> --> - </ul> + </div> <NcButton :aria-label="t('photos', 'Choose a source Photos for the timelines')" @click="debounceAddSourceFolder"> @@ -116,12 +116,12 @@ export default defineComponent({ </script> <style lang="scss" scoped> -.photos-locations { +.photos-locations-container { display: flex; flex-direction: column; width: fit-content; - ul { + .photos-locations { margin-bottom: 16px; } } |