Merge branch 'MLAB-582' into 'testing'

Mlab 582 See merge request !74

Merge branch 'MLAB-582' into 'testing'
Mlab 582 See merge request !74
2c462057 · Koukofikis · c947b8b0 · b2ff44ff · 2c462057
Commit 2c462057 authored 3 years ago by Koukofikis
Hide whitespace changes
Inline Side-by-side

Showing

with 17 additions and 3 deletions
+17 -3
--- 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;
+            height: 100%;
-            object-fit: cover;
+            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")
@@ -50,8 +63,9 @@ html(lang="de")
            | <div class="row">
            for item in project
                div(class="card-deck py-4 col-sm")
-                    div(class="card width_18" style="transform: rotate(0);")
+                    div(class="card card-portrait" 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")