diff --git a/docs/configuration.md b/docs/configuration.md index 9ba8a04..0944e67 100644 --- a/docs/configuration.md +++ b/docs/configuration.md @@ -392,6 +392,7 @@ Example: | ---- | ---- | -------- | ------- | | style | string | no | vertical-list | | feeds | array | yes | +| thumbnail-height | float | no | 10 | | limit | integer | no | 25 | | collapse-after | integer | no | 5 | @@ -406,6 +407,9 @@ Used to change the appearance of the widget. Possible values are `vertical-list`  +##### `thumbnail-height` +Used to modify the height of the thumbnails. Works only when the style is set to `horizontal-cards`. The default value is `10` and the units are `rem`, if you want to for example double the height of the thumbnails you can set it to `20`. + ##### `feeds` An array of RSS/atom feeds. The title can optionally be changed. diff --git a/internal/assets/static/main.css b/internal/assets/static/main.css index 0da766a..27e8aa7 100644 --- a/internal/assets/static/main.css +++ b/internal/assets/static/main.css @@ -813,7 +813,7 @@ body { } .rss-card-image { - height: 10rem; + height: var(--rss-thumbnail-height, 10rem); object-fit: cover; border-radius: var(--border-radius) var(--border-radius) 0 0; } diff --git a/internal/assets/templates/rss-cards.html b/internal/assets/templates/rss-cards.html index 75ffa5e..94eb3d3 100644 --- a/internal/assets/templates/rss-cards.html +++ b/internal/assets/templates/rss-cards.html @@ -4,7 +4,7 @@ {{ define "widget-content" }}