From 1b32ee3063e1159a675f22c6ab38980e38f95101 Mon Sep 17 00:00:00 2001 From: Dan Niles <56271899+dan-niles@users.noreply.github.com> Date: Thu, 25 Jul 2024 19:11:58 +0530 Subject: [PATCH] Add an overlay image for the channel banner --- CHANGELOG | 1 + zimui/src/assets/images/banner-overlay.png | Bin 0 -> 21118 bytes zimui/src/assets/main.css | 4 ++++ zimui/src/components/channel/ChannelHeader.vue | 2 ++ 4 files changed, 7 insertions(+) create mode 100644 zimui/src/assets/images/banner-overlay.png diff --git a/CHANGELOG b/CHANGELOG index 15e81351..6d3a2933 100644 --- a/CHANGELOG +++ b/CHANGELOG @@ -30,6 +30,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - Remove `--no-zim`, `--keep` CLI arguments - Add support to index content from `zimui` JSON files in the ZIM using custom `IndexData` (#224) - Add integration tests to check the content of the ZIM created by the scraper (#268) +- Add an overlay image for the channel banner (#279) ## [2.3.0] - 2024-05-22 diff --git a/zimui/src/assets/images/banner-overlay.png b/zimui/src/assets/images/banner-overlay.png new file mode 100644 index 0000000000000000000000000000000000000000..ae9f9c6568b54c84b8e6cba51c7b2ecf4369d615 GIT binary patch literal 21118 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 3x$zAj^0gV}iL4(_l#&HLHS}F2I7XOS zjMafCwX4YRonlPENE84w3BY29=!w*om!I^0F%=b=dBs%8c}54-N?rY}Q#x#7ST;zG zojD)I2S$j*B5=YK@d8TTF@9q_wbtnZtL7sGQK-b@>=t(bs4SNe@Cbi*MUUk_U+H&i zxp%aYrBQmNursXC92|nASz9$xNZo-|`a01(_3oqh49x5=gnzEaRlj^)zJ6i4p<1Pu z_3O7Eb*y`tGVD1A;xCc33$e2PVWyf4Yw!{C>;gcuhf^OdpyDnAF>Zl^ z5Cd+!%+j{ofF)-gL%vL0K?=j}jvLcSM=70xtPla_jy?`=>9O}MIrH}}q|oMkEC7M| zpKd?Zc3J*>ZZlcO&cP+|@S*;c*Ok#!rAfQr$nFX_HsF+xCQ zEWinLnLQ>3gY&AAYn^Oc?h)K+qQ)c6^d))vPj%Ia2a*ooQcWHn(U);PG~9a<8>*Zv zPzrTX1!OgL(pB(rc2QkUpL_B0Q*hSYA5W$p1$%xurkh7OcxXcV!44+*!{l7v&ViZ! z9RJ>!fs3K3@Ff|avfwK^@}=1+S52GL?l>(9B@fFKXdAf5@&_a Z#_41JOVK}DkZ*`IJYlAnf862v{|BV)P+|Z8 literal 0 HcmV?d00001 diff --git a/zimui/src/assets/main.css b/zimui/src/assets/main.css index 59a22c6f..b0da8c9a 100644 --- a/zimui/src/assets/main.css +++ b/zimui/src/assets/main.css @@ -20,6 +20,10 @@ a { -webkit-text-size-adjust: 100%; } +.banner-bg .v-img__img--preload { + filter: none; +} + /* roboto-latin-100-normal */ @font-face { font-family: 'Roboto'; diff --git a/zimui/src/components/channel/ChannelHeader.vue b/zimui/src/components/channel/ChannelHeader.vue index de111eb3..ffd9f1f1 100644 --- a/zimui/src/components/channel/ChannelHeader.vue +++ b/zimui/src/components/channel/ChannelHeader.vue @@ -6,6 +6,7 @@ import AboutDialogButton from '@/components/channel/AboutDialogButton.vue' import { useMainStore } from '@/stores/main' import profilePlaceholder from '@/assets/images/profile-placeholder.jpg' +import bannerOverlay from '@/assets/images/banner-overlay.png' const { mdAndDown } = useDisplay() @@ -46,6 +47,7 @@ const tab = ref(tabs[0].id) :scale="1" height="120" class="banner-bg rounded-lg rounded-t-0" + :lazy-src="bannerOverlay" :src="main.channel?.bannerPath" >