benny/wishlist-app
1
0
Fork 0
mirror of https://github.com/ThisIsBenny/wishlist-app.git synced 2025-06-07 05:57:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

small change for tile

Browse source 
Signed-off-by: Benny Samir Hierl <bennysamir@posteo.de>
This commit is contained in:
Benny Samir Hierl 2022-02-07 15:40:09 +01:00
parent fb4842d007
commit 1c18ddfcc3
1 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/components/Tile.vue
View file

@ -10,9 +10,14 @@ defineProps<{
<img :src="imageSrc" class="object-cover w-full h-full" :alt="title" /> <img :src="imageSrc" class="object-cover w-full h-full" :alt="title" />
<div <div
v-if="title" v-if="title"
class="absolute w-full py-2.5 bottom-0 inset-x-0 bg-white opacity-60 text-sm font-bold text-center leading-4" class="text-background absolute top-0 inset-x-0 h-40 flex justify-center items-center text-md text-white text-center font-bold"
> >
{{ title }} {{ title }}
</div> </div>
</div> </div>
</template> </template>
<style scoped>
.text-background {
background: linear-gradient(0deg, #00000088 30%, #ffffff44 100%);
}
</style>