aboutsummaryrefslogtreecommitdiff
path: root/viewer
diff options
context:
space:
mode:
authorpacien2020-04-11 03:57:44 +0200
committerpacien2020-04-11 03:57:44 +0200
commita196acf14daf613e931e39dd0daa927ebc89099d (patch)
tree68aad05a668c437d7470f76ad182b964a425395d /viewer
parent54d77dddec39a4864f5a1614d1c76628aae10666 (diff)
downloadldgallery-a196acf14daf613e931e39dd0daa927ebc89099d.tar.gz
viewer: ldthumbnail: reduce non-picture element size
They were too big and not dense enough on small screens
Diffstat (limited to 'viewer')
-rw-r--r--viewer/src/assets/scss/theme.scss2
-rw-r--r--viewer/src/components/LdThumbnail.vue2
2 files changed, 2 insertions, 2 deletions
diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss
index 9e9cdc8..0c351e5 100644
--- a/viewer/src/assets/scss/theme.scss
+++ b/viewer/src/assets/scss/theme.scss
@@ -69,7 +69,7 @@ $loader-color: $palette-800;
69$input-tag-delete-background-color: $palette-700; 69$input-tag-delete-background-color: $palette-700;
70$breadcrumb-margins: 12px; 70$breadcrumb-margins: 12px;
71$breadcrumb-overflow-mask-size: $breadcrumb-margins + 60px; 71$breadcrumb-overflow-mask-size: $breadcrumb-margins + 60px;
72$thumbnail-other-size: $body-line-height * 9em; 72$thumbnail-other-size: $body-line-height * 7em;
73$proposed-category-bgcolor: $palette-700; 73$proposed-category-bgcolor: $palette-700;
74 74
75// Layout 75// Layout
diff --git a/viewer/src/components/LdThumbnail.vue b/viewer/src/components/LdThumbnail.vue
index f8343eb..4ab6446 100644
--- a/viewer/src/components/LdThumbnail.vue
+++ b/viewer/src/components/LdThumbnail.vue
@@ -67,7 +67,7 @@ export default class LdThumbnail extends Vue {
67.thumbnail-other { 67.thumbnail-other {
68 width: $thumbnail-other-size; 68 width: $thumbnail-other-size;
69 height: $thumbnail-other-size; 69 height: $thumbnail-other-size;
70 padding-top: $body-line-height * 2em; 70 padding-top: $body-line-height * 1em;
71 text-align: center; 71 text-align: center;
72 word-break: break-word; 72 word-break: break-word;
73 overflow: hidden; 73 overflow: hidden;