From 1c18ddfcc31245ccf6419ffbdcca6be65263a698 Mon Sep 17 00:00:00 2001
From: Benny Samir Hierl <bennysamir@posteo.de>
Date: Mon, 7 Feb 2022 15:40:09 +0100
Subject: [PATCH] small change for tile

Signed-off-by: Benny Samir Hierl <bennysamir@posteo.de>
---
 src/components/Tile.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/Tile.vue b/src/components/Tile.vue
index 067d1be..fd84731 100644
--- a/src/components/Tile.vue
+++ b/src/components/Tile.vue
@@ -10,9 +10,14 @@ defineProps<{
     <img :src="imageSrc" class="object-cover w-full h-full" :alt="title" />
     <div
       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 }}
     </div>
   </div>
 </template>
+<style scoped>
+.text-background {
+  background: linear-gradient(0deg, #00000088 30%, #ffffff44 100%);
+}
+</style>