design wip

2026-02-03 10:57:50 +01:00
1 parent 70a443db6b
commit eb11298d24
@@ -19,6 +19,13 @@ button[wire\:click="resetTableFiltersForm"] {
    /* background-color: #0f172b; */
 }

+/* stripes in popups */
+@layer utilities {
+    .striped div:nth-child(even) {
+        @apply bg-gray-100
+    }
+}
+
 /* .fi-ta-header-toolbar {
    @apply flex-row-reverse;
 } */
@@ -62,6 +69,19 @@ button[wire\:click="resetTableFiltersForm"] {
    }
 }

+/* Styling Radio Boxes */
+#multiline_setting {
+    @apply !grid grid-cols-3 gap-5 mb-4
+}
+
+#multiline_setting input {
+    @apply checked:border-blue-500
+}
+
+#multiline_setting .fi-fo-radio-label {
+    @apply p-3 border border-gray-700 rounded-xl cursor-pointer has-checked:bg-blue-50 has-checked:text-blue-900 has-checked:ring-blue-200 dark:has-checked:bg-blue-950 dark:has-checked:text-blue-200 dark:has-checked:ring-blue-900
+}
+
 #mapper_right .fi-ta-filter-indicators button,
 #mapper_left .fi-ta-filter-indicators button {
    display: none;
@@ -0,0 +1,19 @@
+<div class="flex flex-1 gap-3 items-center m-5 drop-shadow ">
+        @switch(auth()->user()->sport_id)
+            @case(1)
+                <x-icon-soccerball class="h-8 text-blue-600" />
+                @break
+            @case(1)
+                <x-icon-icehockey class="h-8 text-gray-950" />
+                @break
+            @case(3)
+                <x-icon-basketball class="h-8 text-red-600" />
+                @break
+            @case(4)
+                <x-icon-tennisball class="h-8 text-yellow-600" />
+                @break
+            @default
+                
+        @endswitch    
+        <p class="text-xl font-black">{{ $slot }}</p>
+    </div>
@@ -1,6 +1,5 @@
-<div class="grid grid-cols-2 gap-1 p-1 border rounded border-zinc-200 dark:border-zinc-800 bg-gray-100 dark:bg-gray-900 text-center shadow"
-    style="font-size: 10px;">
-    <div class="row-span-3 text-lg text-gray-500 pt-3">{{ $title }}</div>
+<div class="grid grid-cols-4 text-xs gap-1 p-1 border rounded border-zinc-200 dark:border-zinc-800 bg-gray-100 dark:bg-gray-900 text-center shadow">
+    <div class="text-nowrap">{{ $title }}</div>

    @if ($red)
        <div class="cursor-pointer" wire:click="filterAlarm('{{ $filter }}', 3)">
@@ -12,11 +12,9 @@
    @endphp

    @if ($getColumns() == 2)
-        <div {{ $getExtraAttributeBag() }} class="grid grid-cols-4 gap-1 mb-1"
-            style="font-size: 10.5px; text-align:center; width:216px;">
+        <div {{ $getExtraAttributeBag() }} class="grid grid-cols-4 gap-1 mb-1 text-xs text-center w-48 mr-3">
        @else
-            <div {{ $getExtraAttributeBag() }} class="grid grid-cols-5 gap-1 mb-1"
-                style="font-size: 10.5px; text-align:center; width:270px;">
+        <div {{ $getExtraAttributeBag() }} class="grid grid-cols-5 gap-1 mb-1 text-xs text-center w-64 mr-3">
    @endif


@@ -1,3 +1,7 @@
 <div>
+    <x-sport-header>
+        {{ auth()->user()->sport->name }} Alarm Configuration
+    </x-sport-header>
+
    {{ $this->table }}
 </div>
@@ -1,3 +1,8 @@
 <div id="ComparingBookmakerMenu">
+    
+    <x-sport-header>
+        {{ auth()->user()->sport->name }} Comparing Bookmaker
+    </x-sport-header>
+
    {{ $this->table }}
 </div>
@@ -1,3 +1,7 @@
 <div>
+    <x-sport-header>
+        {{ auth()->user()->sport->name }} Multiline Configuration
+    </x-sport-header>
+
    {{ $this->table }}
 </div>
@@ -1,3 +0,0 @@
-<div>
-    {{-- To attain knowledge, add things every day; To attain wisdom, subtract things every day. --}}
-</div>
@@ -72,7 +72,9 @@

            <x-slot name="heading">
                <div class="flex justify-between items-center w-5xl">
-                    <div>Event Mapper</div>
+                    <x-sport-header>
+                        {{ auth()->user()->sport->name }} Event Mapper
+                    </x-sport-header>
                    @php
                        if (!auth()->user()->provider_id) {
                            auth()->user()->provider_id = 2;