design changes to save space
This commit is contained in:
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>
|
||||
Reference in new issue
Block a user