design changes to save space

This commit is contained in:
salam committed 2026-05-31 12:13:22 +02:00
1 parent 4b06f98bee
commit fcbf718492
10 files changed
+319 -304

No files matched your search

@@ -1,11 +1,12 @@
<x-filament-panels::page>
{{ $this->filtersForm }}
@livewire(\App\Filament\Widgets\StatsMedianAverage::class, ['filters' => $this->filters])
<div x-data="{ activeTab: 'tab1' }">
<!-- Tab Navigation -->
<x-filament::tabs label="Statistics" class="mb-6 justify-center">
<x-filament::tabs label="Statistics" class="mb-4 justify-center rounded-lg grid grid-cols-2 md:grid-cols-4">
<x-filament::tabs.item x-on:click="activeTab = 'tab1'" :alpine-active="'activeTab === \'' . 'tab1' . '\''" icon="phosphor-trophy">
Events
</x-filament::tabs.item>
@@ -24,7 +25,7 @@
</x-filament::tabs>
<!-- Tab Content -->
<div class="mt-6">
<div class="mt-2">
<!-- Content for Tab 1 -->
<div x-show="activeTab === 'tab1'" x-cloak class="grid grid-cols-1 md:grid-cols-2 gap-4">
@livewire(\App\Filament\Widgets\ChartEvent::class, ['filters' => $this->filters])
@@ -1,24 +1,11 @@
<div class="fi-sc-component ">
<div class="fi-wi-stats-overview-stat bg-green-100 dark:bg-green-950 border border-green-300 dark:border-green-800">
<div class="fi-wi-stats-overview-stat-content">
<div class="fi-wi-stats-overview-stat-label-ctn">
<span class="fi-wi-stats-overview-stat-label">
{{ $titel }}
</span>
</div>
<div class="fi-wi-stats-overview-stat-value grid grid-cols-2 justify-center">
<div class="text-center">{{ $infavour }}</div>
<div class="text-center">{{ $against }}</div>
</div>
<div class="fi-wi-stats-overview-stat-description grid grid-cols-2 justify-center">
<div class="text-center">{{ $home }}</div>
<div class="text-center">{{ $away }}</div>
</div>
</div>
<div class="h-full rounded-lg p-0 lg:py-2 grid grid-rows-3 gap-0 bg-green-50 dark:bg-green-900 border border-green-300 dark:border-green-700">
<span class="font-bold flex items-center justify-center">{{ $titel }}</span>
<div class="grid grid-cols-2 justify-center font-bold text-2xl">
<span class="font-bold text-2xl flex items-center justify-center">{{ $value1 }}</span>
<span class="font-bold text-2xl flex items-center justify-center">{{ $value2 }}</span>
</div>
<div class="grid grid-cols-2 justify-center">
<span class=" flex items-center justify-center text-xs">{{ $home }}</span>
<span class=" flex items-center justify-center text-xs">{{ $away }}</span>
</div>
</div>
@@ -1,20 +1,4 @@
<div class="fi-sc-component ">
<div class="fi-wi-stats-overview-stat bg-green-100 dark:bg-green-950 border border-green-300 dark:border-green-800">
<div class="fi-wi-stats-overview-stat-content">
<div class="fi-wi-stats-overview-stat-label-ctn">
<span class="fi-wi-stats-overview-stat-label text-xl font-bold mx-auto">
{{ $titel }}
</span>
</div>
<div class="fi-wi-stats-overview-stat-value text-center">
{{ $value }}
</div>
<div class="fi-wi-stats-overview-stat-description">
<div class="text-center"></div>
</div>
</div>
</div>
<div class="h-full rounded-lg p-0 lg:py-2 grid grid-rows-3 gap-0 bg-green-50 dark:bg-green-900 border border-green-300 dark:border-green-700">
<span class="font-bold flex items-center justify-center">{{ $titel }}</span>
<span class="font-bold text-2xl flex items-center justify-center">{{ $value }}</span>
</div>