diff --git a/frontend/src/components/gallery/GalleryItem.vue b/frontend/src/components/gallery/GalleryItem.vue index 9d3d1c0..8d9ba13 100644 --- a/frontend/src/components/gallery/GalleryItem.vue +++ b/frontend/src/components/gallery/GalleryItem.vue @@ -25,6 +25,14 @@ + @@ -107,4 +115,20 @@ function onThumbError() { thumbError.value = true } display: grid; place-items: center; z-index: 11; pointer-events: none; } +.fc-gallery-item__artist { + position: absolute; left: 0; right: 0; bottom: 0; + padding: 14px 8px 6px; + background: linear-gradient( + to top, rgba(20, 23, 26, 0.78), rgba(20, 23, 26, 0) + ); + font-size: 12px; line-height: 1.2; + white-space: nowrap; overflow: hidden; text-overflow: ellipsis; + pointer-events: none; +} +.fc-gallery-item__artist a { + color: rgb(var(--v-theme-parchment, 232 228 216)); + text-decoration: none; + pointer-events: auto; +} +.fc-gallery-item__artist span { color: rgba(232, 228, 216, 0.85); }