diff --git a/webapp/src/App.vue b/webapp/src/App.vue index 632d2056..b972bec4 100644 --- a/webapp/src/App.vue +++ b/webapp/src/App.vue @@ -438,6 +438,7 @@ html { .thumbnail-fit { max-height: 120px; + max-width: 240px; object-fit: contain; overflow-y: hidden; } diff --git a/webapp/src/assets/less/theme.less b/webapp/src/assets/less/theme.less index 4a7d9134..690192ac 100644 --- a/webapp/src/assets/less/theme.less +++ b/webapp/src/assets/less/theme.less @@ -207,7 +207,8 @@ h4, .uk-h4 { } .uk-card-body { - padding: 20px 16px 8px 16px;; + padding: 20px 16px 8px 16px; + width: 260px; } .uk-card-media-top img { diff --git a/webapp/src/components/tabContentComponents/scanListContent.vue b/webapp/src/components/tabContentComponents/scanListContent.vue index 60a29998..ea5a497c 100644 --- a/webapp/src/components/tabContentComponents/scanListContent.vue +++ b/webapp/src/components/tabContentComponents/scanListContent.vue @@ -64,7 +64,7 @@ /> -

{{ item.name }}

+

{{ item.name }}

@@ -276,7 +277,7 @@ export default { display: grid; grid-template-columns: repeat(auto-fill, 320px); justify-content: center; - overflow-y: auto; + overflow-y: hidden; } .gallery-grid > div { @@ -290,4 +291,10 @@ export default { margin-left: auto; margin-right: auto; }*/ + +ul { + display: inline-block; + text-align: center; + list-style-type:none; +} \ No newline at end of file