From 5c9f1229d499c2f2654c6d4b58122c03a71fbbd9 Mon Sep 17 00:00:00 2001
From: Torsten <torsten.schneider@programmschmiede.de>
Date: Sat, 17 Feb 2024 08:53:26 +0100
Subject: [PATCH] dynamische Galeriebildanzeige mit flexbox

---
 .../resources/views/tour/gallery/show.blade.php       | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/motorradig/resources/views/tour/gallery/show.blade.php b/motorradig/resources/views/tour/gallery/show.blade.php
index 4b47f39..ca0c72a 100644
--- a/motorradig/resources/views/tour/gallery/show.blade.php
+++ b/motorradig/resources/views/tour/gallery/show.blade.php
@@ -1,15 +1,16 @@
 @extends('layouts.app')
 
 @section('content')
-    <div class="container text-center text-light mt-5">
+    <div class="container-fluid text-center text-light mt-5">
 
         <h1>{{$tour_name}}</h1>  
 
-        <div class="container text-primary" style="display:flex">
-            <!-- <ul class="list-group offset-2 col-8" style="display:inline"> -->
-            <ul class="list-group offset-2 col-8" style="display:flex; flex-direction: row;">
+        <div class="col-12 text-primary d-flex">
+             <ul class="list-group col-12" style="display:inline"> 
+            <!-- <ul class="list-group offsest-2 col-8" style="display:flex; flex-direction: row;"> -->
                 @foreach($imagelist as $img_tpl) <!-- 0=filename, 1=displayname -->
-                    <label style="display:flex; flex-direction: column;">
+                    <!-- <label style="display:flex; flex-direction: column;">  -->
+                    <label>
                         <a title="{{$img_tpl[1]}}" style="display: inline;" href="/img_storage/tour-{{$tour_id}}/{{$img_tpl[0]}}_gross.jpg" data-lightbox="/img_storage/tour-{{$tour_id}}/{{$img_tpl[0]}}_gross.jpg" data-title="{{$img_tpl[1]}}">                    
                             <img class="mt-3 ml-3" src="/img_storage/tour-{{$tour_id}}/{{$img_tpl[0]}}.jpg">                    
                         </a>