Scale seating plan container size based on background image

t3rminalV · t3rminalV · commit 2854c231bf5e · 2024-09-04T21:04:46.000+01:00
In some cases, if there isnt a seat placed at the bottom of the background image, it'll get cut off either to the bottom or the right.
diff --git a/resources/views/admin/seatingplans/show.blade.php b/resources/views/admin/seatingplans/show.blade.php
@@ -123,6 +123,8 @@ class="btn btn-primary">
                     <div class="seating-plan" style="
                         @if($plan->image_url)
                             background-image:url('{{ $plan->image_url }}');
+                            background-size: contain;
+                            background-repeat: no-repeat;
                         @endif
                         min-height: {{ ($seats->max('y') * 2) + 4 }}em;"
                     >
diff --git a/resources/views/seatingplans/_plan.blade.php b/resources/views/seatingplans/_plan.blade.php
@@ -2,6 +2,8 @@
     <div class="seating-plan" style="
         @if($plan->image_url)
             background-image:url('{{ $plan->image_url }}');
+            background-size: contain;
+            background-repeat: no-repeat;
         @endif
         min-height: {{ (collect($seats[$plan->id] ?? [])->max('y') * 2) + 4 }}em;"
     >

Original file line number	Diff line number	Diff line change
`@@ -123,6 +123,8 @@ class="btn btn-primary">`
`123`	`123`	`<div class="seating-plan" style="`
`124`	`124`	`@if($plan->image_url)`
`125`	`125`	`background-image:url('{{ $plan->image_url }}');`
	`126`	`+ background-size: contain;`
	`127`	`+ background-repeat: no-repeat;`
`126`	`128`	`@endif`
`127`	`129`	`min-height: {{ ($seats->max('y') * 2) + 4 }}em;"`
`128`	`130`	`>`
Original file line number	Diff line number	Diff line change
`@@ -2,6 +2,8 @@`
`2`	`2`	`<div class="seating-plan" style="`
`3`	`3`	`@if($plan->image_url)`
`4`	`4`	`background-image:url('{{ $plan->image_url }}');`
	`5`	`+ background-size: contain;`
	`6`	`+ background-repeat: no-repeat;`
`5`	`7`	`@endif`
`6`	`8`	`min-height: {{ (collect($seats[$plan->id] ?? [])->max('y') * 2) + 4 }}em;"`
`7`	`9`	`>`