From 67fe90becb9088e6a348b7f3ad09d0bbe27b56e6 Mon Sep 17 00:00:00 2001
From: Gustavo Luigi <=>
Date: Mon, 30 Oct 2023 02:51:59 -0300
Subject: [PATCH] .

---
 content/index.blade.php          | 10 +++-------
 content/lists/produkte.blade.php | 28 +++-------------------------
 2 files changed, 6 insertions(+), 32 deletions(-)

diff --git a/content/index.blade.php b/content/index.blade.php
index 3f64ee5..0dc0773 100644
--- a/content/index.blade.php
+++ b/content/index.blade.php
@@ -2,10 +2,10 @@
 @section('content')
 
     <div class="card text-bg-dark">
-        <x-img src="{{$cover}}" class="img-fluid shadow-lg" alt="" />
+        <x-img src="{{$cover}}" style="object-fit:cover; aspect-ratio:3/1;" class="img-fluid shadow-lg" alt="" />
         <div class="card-img-overlay d-none d-lg-block" >
             <div class="container p-3 mt-5 rounded" style="width: 55vw;
-                background: rgba(252, 252, 252, 0.38);
+                background: rgba(252, 252, 252, 1);
                 border-radius: 16px;
                 box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
                 backdrop-filter: blur(3.5px);
@@ -26,8 +26,6 @@
         </div>
     </div>
 
-
-
     @php($news = filterByContentType("News"))
     @if($news->isNotEmpty())
         <section id="article-section" >
@@ -41,7 +39,7 @@
                         <div class="col-12 col-md-6 col-lg-4 mb-4">
                             <div class="card shadow-sm h-100">
                                 <a href="{{ $content->path }}" class="text-decoration-none">
-                                    <x-img src="{{ $content->image() }}" sizes="(max-width: 330px) 330px,(max-width: 540px) 540px, (max-width: 720px) 720px, (max-width: 992px) 993px, 500" class="img-fluid card-img-top"/>
+                                    <x-img src="{{$content->image()}}" style="aspect-ratio:9/5; object-fit:cover;" sizes="(max-width: 330px) 330px,(max-width: 540px) 540px, (max-width: 720px) 720px, (max-width: 992px) 993px, 500" class="img-fluid card-img-top"/>
                                 </a>
                                 <div class="card-body">
                                     <h3 class="h5 mb-2">
@@ -56,9 +54,7 @@
                                         </span>
                                     </div>
 
-
                                     {!! Str::limit($content->vorschau, 280) !!}
-
                                 </div>
 
                                 <div class="card-footer text-end">
diff --git a/content/lists/produkte.blade.php b/content/lists/produkte.blade.php
index efdd4c6..804a68d 100644
--- a/content/lists/produkte.blade.php
+++ b/content/lists/produkte.blade.php
@@ -1,27 +1,20 @@
 @extends('template.'.config('settings.template').'.content.master')
 @section('content')
-
     <x-img src="{{ $list->image }}" class="img-fluid" alt=""/>
-
-
-
-
     <div class="container">
         <div class="row mb-5">
             <div class="col-12">
-                <h1 class="mb-5 mt-5">{{ $list->name }}</h1>
-
+                <h1 class="mb-5 mt-5">{{$list->name}}</h1>
                 <p class="fs-5 mb-5">
-                    {{ $list->description }}
+                    {{$list->description}}
                 </p>
             </div>
 
             @foreach($contents as $content)
-
                 <div class="col-12 col-md-6 col-lg-4 mb-3">
                     <a href="{{ $content->path }}" class="text-decoration-none">
                         <div class="card shadow-sm h-100">
-                            <x-img src="{{ $content->image() }}" class="img-fluid card-img-top"/>
+                            <x-img src="{{$content->image()}}" style="aspect-ratio:9/5; object-fit:cover;" class="img-fluid card-img-top"/>
                             <div class="card-body">
                                 <h3 class="h5 mb-2">{{$content->title}} </h3>
                                 <div class="fw-bold my-3 text-right fs-5" style="color: {{$_secondary_link_color}};">{{$content->preis}} €</div>
@@ -29,23 +22,8 @@
                             </div>
                         </div>
                     </a>
-
                 </div>
-
-
             @endforeach
-
         </div>
-
-
-
     </div>
-
-
-
-
-
-
-
-
 @stop