From 1c29d6eaf269c8454655119b2983e2cdae2d992d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Tue, 15 Mar 2022 12:59:28 +0100
Subject: [PATCH] Increase image size to avoid bad quality in large teasers

---
 .../ep_theme/Resources/Private/Partials/City/Teaser.html  | 8 ++++----
 .../Resources/Private/Partials/Concept/Teaser.html        | 8 ++++----
 .../ep_theme/Resources/Private/Partials/Hotel/Teaser.html | 8 ++++----
 .../Resources/Private/Partials/Product/Teaser.html        | 4 ++--
 .../Resources/Private/Partials/Region/Teaser.html         | 4 ++--
 .../Resources/Private/Partials/Teaser/OneColumn.html      | 4 ++--
 .../Templates/FluidStyledContent/TeaserCountry.html       | 4 ++--
 7 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/City/Teaser.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/City/Teaser.html
index a2431971..38a3cdd3 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/City/Teaser.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/City/Teaser.html
@@ -23,14 +23,14 @@
                             <ep:lazyLoadImage image="{image}"
                                               loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
                                               class="block w-full h-full object-cover"
-                                              width="360c"
-                                              height="270c"
+                                              width="400c"
+                                              height="300c"
                                               alt="{city.name}" />
                         </f:then>
                         <f:else>
                             <f:image src="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                     width="360c"
-                                     height="270c"
+                                     width="400c"
+                                     height="300c"
                                      alt="{city.name}"/>
                         </f:else>
                     </f:if>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Concept/Teaser.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Concept/Teaser.html
index 15c04830..dbb26497 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Concept/Teaser.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Concept/Teaser.html
@@ -20,14 +20,14 @@
                         <ep:lazyLoadImage image="{image}"
                                           loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
                                           class="block w-full h-full object-cover"
-                                          width="360c"
-                                          height="270c"
+                                          width="400c"
+                                          height="300c"
                                           alt="{concept.name}" />
                     </f:then>
                     <f:else>
                         <f:image src="EXT:ep_theme/Resources/Public/images/lazy.png"
-                                 width="360c"
-                                 height="270c"
+                                 width="400c"
+                                 height="300c"
                                  alt="{concept.name}"/>
                     </f:else>
                 </f:if>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Hotel/Teaser.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Hotel/Teaser.html
index 4b52a6b5..49342375 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Hotel/Teaser.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Hotel/Teaser.html
@@ -14,15 +14,15 @@
                         <ep:lazyLoadImage image="{hotel.images.original.0}"
                                           loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
                                           class="block w-full h-full object-cover"
-                                          width="360c"
-                                          height="270c"
+                                          width="400c"
+                                          height="300c"
                                           alt="{hotel.name}" />
                     </f:then>
                     <f:else>
                         <f:image src="EXT:ep_theme/Resources/Public/images/lazy.png"
                                  class="block w-full h-full object-cover"
-                                 width="360c"
-                                 height="270c"
+                                 width="400c"
+                                 height="300c"
                                  alt="{hotel.name}" />
                     </f:else>
                 </f:if>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html
index e0ead08a..c2d98272 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html
@@ -17,8 +17,8 @@
                 <ep:lazyLoadImage image="{productImage}"
                                   loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
                                   class="block w-full h-full object-cover"
-                                  width="360c"
-                                  height="270c"
+                                  width="400c"
+                                  height="300c"
                                   alt="{product.name}" />
             </a>
             <div class="absolute top-0 left-0 z-10 inset-x-0 p-2 flex justify-between items-center {f:if(condition: concept, then: 'bg-concept-{concept.code}-overlay', else: 'bg-ep-primary-80')}">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Teaser.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Teaser.html
index bc236fc0..dfd25dc4 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Teaser.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Teaser.html
@@ -12,8 +12,8 @@
                 <ep:lazyLoadImage image="{region.teaserImages.0}"
                                   loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
                                   class="block w-full h-full object-cover"
-                                  width="360c"
-                                  height="270c"
+                                  width="400c"
+                                  height="300c"
                                   alt="{region.name}" />
             </div>
             <div class="flex-1 py-4 px-2 bg-white border-l border-r border-gray-200" data-rte-content>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Teaser/OneColumn.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Teaser/OneColumn.html
index 72649e8e..16a3b544 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Teaser/OneColumn.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Teaser/OneColumn.html
@@ -14,8 +14,8 @@
                 <ep:lazyLoadImage image="{teaserImage}"
                                   loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
                                   class="block w-full h-full object-cover"
-                                  width="360c"
-                                  height="270c"
+                                  width="400c"
+                                  height="300c"
                                   alt="{teaserImage.alternative}" />
             </div>
             <div class="flex-1 py-4 px-2 bg-white border-l border-r border-gray-200" data-rte-content>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/FluidStyledContent/TeaserCountry.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/FluidStyledContent/TeaserCountry.html
index 3f97ac32..3e80528f 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/FluidStyledContent/TeaserCountry.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/FluidStyledContent/TeaserCountry.html
@@ -15,8 +15,8 @@
                     <ep:lazyLoadImage image="{country.teaserImages.0}"
                                       loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
                                       class="block w-full h-full object-cover"
-                                      width="360c"
-                                      height="270c"
+                                      width="400c"
+                                      height="300c"
                                       alt="{country.name}" />
                 </f:if>
             </div>