From 0eed360a8553ee381737870218fa46e887f06211 Mon Sep 17 00:00:00 2001
From: Athanasios <ath.kouk.oid@gmail.com>
Date: Tue, 19 Oct 2021 17:28:19 +0200
Subject: [PATCH] Optimize card appearance
---
views/DE/project/projectList.pug | 18 ++++++++++++++++--
1 file changed, 16 insertions(+), 2 deletions(-)
diff --git a/views/DE/project/projectList.pug b/views/DE/project/projectList.pug
index 4076743..834b136 100644
--- a/views/DE/project/projectList.pug
+++ b/views/DE/project/projectList.pug
@@ -11,6 +11,8 @@ html(lang="de")
.title-container {
position: relative;
color: white;
+ height: 60%;
+ overflow: hidden;
}
.card-title-bottom-left {
position: absolute;
@@ -23,8 +25,19 @@ html(lang="de")
padding: 5px
}
.card-img-top {
- height: 15vw;
- object-fit: cover;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ margin-left: 0;
+ margin-right: 0;
+ }
+ .card-img-bg {
+ background-size: cover;
+ filter: blur(30px);
+ width: 100%;
+ height: 100%;
}
body
div(class="container")
@@ -52,6 +65,7 @@ html(lang="de")
div(class="card-deck py-4 col-sm")
div(class="card width_18" style="transform: rotate(0);")
div(class="title-container")
+ div(class="card-img-bg" style=`background-image: url(${item.logo});`)
h5(class="card-title-bottom-left") #{item.name}
img(class="card-img-top", src=item.logo)
div(class="card-body")
--
GitLab