diff options
Diffstat (limited to 'viewer/src')
-rw-r--r-- | viewer/src/components/LdTagInput.vue | 4 | ||||
-rw-r--r-- | viewer/src/views/GalleryPicture.vue | 6 | ||||
-rw-r--r-- | viewer/src/views/GalleryThumbnail.vue | 2 | ||||
-rw-r--r-- | viewer/src/views/MainLayout.vue | 6 | ||||
-rw-r--r-- | viewer/src/views/TopBreadcrumb.vue | 4 | ||||
-rw-r--r-- | viewer/src/views/TopCommand.vue | 4 |
6 files changed, 13 insertions, 13 deletions
diff --git a/viewer/src/components/LdTagInput.vue b/viewer/src/components/LdTagInput.vue index ff354c6..7bbecec 100644 --- a/viewer/src/components/LdTagInput.vue +++ b/viewer/src/components/LdTagInput.vue | |||
@@ -28,7 +28,7 @@ | |||
28 | field="display" | 28 | field="display" |
29 | type="is-black" | 29 | type="is-black" |
30 | size="is-medium" | 30 | size="is-medium" |
31 | class="panelTagInput" | 31 | class="paneltag-input" |
32 | @typing="searchTags" | 32 | @typing="searchTags" |
33 | @add="onAdd" | 33 | @add="onAdd" |
34 | @remove="onRemove" | 34 | @remove="onRemove" |
@@ -119,7 +119,7 @@ export default class LdTagInput extends Vue { | |||
119 | </script> | 119 | </script> |
120 | 120 | ||
121 | <style lang="scss"> | 121 | <style lang="scss"> |
122 | .panelTagInput .autocomplete .dropdown-content { | 122 | .paneltag-input .autocomplete .dropdown-content { |
123 | max-height: 300px; | 123 | max-height: 300px; |
124 | } | 124 | } |
125 | </style> | 125 | </style> |
diff --git a/viewer/src/views/GalleryPicture.vue b/viewer/src/views/GalleryPicture.vue index 323333a..9f26282 100644 --- a/viewer/src/views/GalleryPicture.vue +++ b/viewer/src/views/GalleryPicture.vue | |||
@@ -21,7 +21,7 @@ | |||
21 | <div | 21 | <div |
22 | v-dragscroll | 22 | v-dragscroll |
23 | class="scrollbar" | 23 | class="scrollbar" |
24 | :class="{fitToScreen: !$uiStore.fullscreen, originalSize: $uiStore.fullscreen}" | 24 | :class="{'fit-to-screen': !$uiStore.fullscreen, 'original-size': $uiStore.fullscreen}" |
25 | @click="onClick" | 25 | @click="onClick" |
26 | @dragscrollstart="dragging=true" | 26 | @dragscrollstart="dragging=true" |
27 | > | 27 | > |
@@ -50,7 +50,7 @@ export default class GalleryPicture extends Vue { | |||
50 | </script> | 50 | </script> |
51 | 51 | ||
52 | <style lang="scss"> | 52 | <style lang="scss"> |
53 | .fitToScreen { | 53 | .fit-to-screen { |
54 | display: flex; | 54 | display: flex; |
55 | justify-content: space-around; | 55 | justify-content: space-around; |
56 | height: 100%; | 56 | height: 100%; |
@@ -59,7 +59,7 @@ export default class GalleryPicture extends Vue { | |||
59 | cursor: zoom-in; | 59 | cursor: zoom-in; |
60 | } | 60 | } |
61 | } | 61 | } |
62 | .originalSize { | 62 | .original-size { |
63 | display: block; | 63 | display: block; |
64 | text-align: center; | 64 | text-align: center; |
65 | cursor: grab; | 65 | cursor: grab; |
diff --git a/viewer/src/views/GalleryThumbnail.vue b/viewer/src/views/GalleryThumbnail.vue index 41a59e1..2ed0bc2 100644 --- a/viewer/src/views/GalleryThumbnail.vue +++ b/viewer/src/views/GalleryThumbnail.vue | |||
@@ -18,7 +18,7 @@ | |||
18 | --> | 18 | --> |
19 | 19 | ||
20 | <template> | 20 | <template> |
21 | <div class="forcedsize" :class="{preload: loading}"> | 21 | <div class="forcedsize" :class="{'preload': loading}"> |
22 | <v-lazy-image | 22 | <v-lazy-image |
23 | v-if="item.thumbnail" | 23 | v-if="item.thumbnail" |
24 | class="thumbnail" | 24 | class="thumbnail" |
diff --git a/viewer/src/views/MainLayout.vue b/viewer/src/views/MainLayout.vue index c202def..78d8a8a 100644 --- a/viewer/src/views/MainLayout.vue +++ b/viewer/src/views/MainLayout.vue | |||
@@ -18,7 +18,7 @@ | |||
18 | --> | 18 | --> |
19 | 19 | ||
20 | <template> | 20 | <template> |
21 | <div :class="{fullscreen: $uiStore.fullscreen, fullWidth: $uiStore.fullWidth}"> | 21 | <div :class="{'fullscreen': $uiStore.fullscreen, 'fullwidth': $uiStore.fullWidth}"> |
22 | <panel-top v-if="!isLoading" class="layout layout-top" /> | 22 | <panel-top v-if="!isLoading" class="layout layout-top" /> |
23 | <panel-left v-if="!isLoading" class="layout layout-left" /> | 23 | <panel-left v-if="!isLoading" class="layout layout-left" /> |
24 | <router-view v-if="!isLoading" class="layout layout-content scrollbar" /> | 24 | <router-view v-if="!isLoading" class="layout layout-content scrollbar" /> |
@@ -99,9 +99,9 @@ html { | |||
99 | } | 99 | } |
100 | .fullscreen { | 100 | .fullscreen { |
101 | --layout-top: 0px; | 101 | --layout-top: 0px; |
102 | @extend .fullWidth; | 102 | @extend .fullwidth; |
103 | } | 103 | } |
104 | .fullWidth { | 104 | .fullwidth { |
105 | --layout-left: 0px; | 105 | --layout-left: 0px; |
106 | .layout { | 106 | .layout { |
107 | &.layout-left { | 107 | &.layout-left { |
diff --git a/viewer/src/views/TopBreadcrumb.vue b/viewer/src/views/TopBreadcrumb.vue index 1a14123..eb7fdd1 100644 --- a/viewer/src/views/TopBreadcrumb.vue +++ b/viewer/src/views/TopBreadcrumb.vue | |||
@@ -18,7 +18,7 @@ | |||
18 | --> | 18 | --> |
19 | 19 | ||
20 | <template> | 20 | <template> |
21 | <ul class="pathBreadcrumb"> | 21 | <ul class="ld-breadcrumb"> |
22 | <li v-for="(item,idx) in $galleryStore.currentItemPath" :key="item.path"> | 22 | <li v-for="(item,idx) in $galleryStore.currentItemPath" :key="item.path"> |
23 | <router-link :to="item.path"> | 23 | <router-link :to="item.path"> |
24 | <fa-icon :icon="getIcon(item)" size="lg" /> | 24 | <fa-icon :icon="getIcon(item)" size="lg" /> |
@@ -47,7 +47,7 @@ export default class TopBreadcrumb extends Vue { | |||
47 | </script> | 47 | </script> |
48 | 48 | ||
49 | <style lang="scss"> | 49 | <style lang="scss"> |
50 | .pathBreadcrumb { | 50 | .ld-breadcrumb { |
51 | border-left: 2px solid rgba(white, 0.1); | 51 | border-left: 2px solid rgba(white, 0.1); |
52 | padding-left: 15px; | 52 | padding-left: 15px; |
53 | display: flex; | 53 | display: flex; |
diff --git a/viewer/src/views/TopCommand.vue b/viewer/src/views/TopCommand.vue index b5d16e8..dc79fa7 100644 --- a/viewer/src/views/TopCommand.vue +++ b/viewer/src/views/TopCommand.vue | |||
@@ -22,13 +22,13 @@ | |||
22 | <div class="link" title="$t('title.tags')" @click="$uiStore.toggleFullWidth()"> | 22 | <div class="link" title="$t('title.tags')" @click="$uiStore.toggleFullWidth()"> |
23 | <fa-icon :icon="commandTagsIcon()" size="lg" /> | 23 | <fa-icon :icon="commandTagsIcon()" size="lg" /> |
24 | </div> | 24 | </div> |
25 | <router-link to="/" :class="{disabled: isRoot()}" title="$t('title.home')"> | 25 | <router-link to="/" :class="{'disabled': isRoot()}" title="$t('title.home')"> |
26 | <fa-icon icon="home" size="lg" /> | 26 | <fa-icon icon="home" size="lg" /> |
27 | </router-link> | 27 | </router-link> |
28 | <div class="link" title="$t('title.back')" @click="$router.go(-1)"> | 28 | <div class="link" title="$t('title.back')" @click="$router.go(-1)"> |
29 | <fa-icon icon="arrow-left" size="lg" /> | 29 | <fa-icon icon="arrow-left" size="lg" /> |
30 | </div> | 30 | </div> |
31 | <router-link :class="{disabled: isRoot()}" title="$t('title.parent')" :to="parent()"> | 31 | <router-link :class="{'disabled': isRoot()}" title="$t('title.parent')" :to="parent()"> |
32 | <fa-icon icon="folder" size="xs" /> | 32 | <fa-icon icon="folder" size="xs" /> |
33 | <fa-icon icon="level-up-alt" size="lg" /> | 33 | <fa-icon icon="level-up-alt" size="lg" /> |
34 | </router-link> | 34 | </router-link> |