wip calculatore

resources/views/livewire/board-dispatcher.blade.php

@@ -1,13 +1,13 @@
 @php
     use Illuminate\Support\Facades\Log;
 @endphp
-<div class="grid grid-cols-3 gap-3">
-    <div class="dispatcher-board-root">
+<div class="w-full flex flex-row gap-3">
+    <div class="dispatcher-board-root w-2xl min-w-2xl">
         {{ $this->table }}
     </div>
-    <div class="col-span-2">
-        <div class="rounded col-span-5 grid grid-cols-7 grid-rows-5 p-5 gap-2 bg-cover bg-center bg-no-repeat aspect-7/5"
-            style="background-image: url({{ asset('images/soccerfield-middle.jpg') }});">
+    <div class="w-full">
+        <div class="relative top-16 rounded col-span-5 grid grid-cols-7 grid-rows-5 p-5 gap-2 bg-cover bg-center bg-no-repeat aspect-7/5"
+            style="background-image: url({{ asset('images/soccerfield-cleand.jpg') }});">
             @foreach ($beschriftung as $boxNumber => $benennung)
                 @if ($benennung)
                     <div x-data="{ isOver: false }" @dragover.prevent="isOver = true" @dragenter.prevent="isOver = true"
@@ -24,10 +24,10 @@
                             'border-gray-800 bg-white/30'"
                         class="border rounded-xl transition-all pt-0 flex flex-col justify-start shadow-2xs transform">
                         <!-- Box Header -->
-                        <div
-                            class="grid grid-cols-6 items-center border-b p-1">
+                        <div class="grid grid-cols-6 items-center p-1">
                             <div></div>
-                            <div class="w-16 text-center mx-auto bg-black text-white p-1 text-xl font-black rounded col-span-4">
+                            <div
+                                class="w-16 text-center mx-auto bg-black text-white p-1 text-xl font-black rounded col-span-4">
                                 {{ $benennung }}
                             </div>
 
@@ -39,7 +39,7 @@
 
                         <!-- Box Inhalt -->
                         @if ($boxes[$boxNumber])
-                            <div class="border bg-white p-2 m-2 rounded leading-5">
+                            <div class=" bg-black text-white p-1 m-2 rounded leading-5">
                                 {{ $boxes[$boxNumber]['name'] }}
                             </div>
                         @endif