mirror of
https://github.com/HolgerHatGarKeineNode/einundzwanzig-app.git
synced 2025-12-17 12:54:22 +00:00
🌍 Replace emoji flags with scalable SVG country flags across dashboard views for improved accessibility and consistency
This commit is contained in:
@@ -72,7 +72,11 @@ class extends Component {
|
||||
<div class="flex-1 min-w-0">
|
||||
<div class="flex items-center gap-2">
|
||||
<flux:badge color="green" size="sm">{{ __('Neues Meetup') }}</flux:badge>
|
||||
<span class="text-2xl">{{ $meetup->city->country->emoji }}</span>
|
||||
<img
|
||||
alt="{{ strtolower($meetup->city->country->code) }}"
|
||||
src="{{ asset('vendor/blade-flags/country-'.strtolower($meetup->city->country->code).'.svg') }}"
|
||||
width="24" height="12"
|
||||
/>
|
||||
</div>
|
||||
<div class="font-medium mt-1">{{ $meetup->name }}</div>
|
||||
<div class="text-xs text-zinc-500">
|
||||
@@ -95,7 +99,11 @@ class extends Component {
|
||||
<div class="flex-1 min-w-0">
|
||||
<div class="flex items-center gap-2">
|
||||
<flux:badge color="blue" size="sm">{{ __('Neuer Termin') }}</flux:badge>
|
||||
<span class="text-2xl">{{ $event->meetup->city->country->emoji }}</span>
|
||||
<img
|
||||
alt="{{ strtolower($event->meetup->city->country->code) }}"
|
||||
src="{{ asset('vendor/blade-flags/country-'.strtolower($event->meetup->city->country->code).'.svg') }}"
|
||||
width="24" height="12"
|
||||
/>
|
||||
</div>
|
||||
<div class="font-medium mt-1">{{ $event->meetup->name }}</div>
|
||||
<div class="text-xs text-zinc-500">
|
||||
|
||||
@@ -94,7 +94,14 @@ class extends Component {
|
||||
src="{{ $meetup->getFirstMedia('logo') ? $meetup->getFirstMediaUrl('logo', 'thumb') : asset('android-chrome-512x512.png') }}"/>
|
||||
<div class="flex-1">
|
||||
<div class="font-medium">{{ $meetup->name }}</div>
|
||||
<div class="text-xs text-zinc-500">{{ $meetup->users_count }} {{ __('User') }}</div>
|
||||
<div class="flex items-center space-x-2">
|
||||
<div class="text-xs text-zinc-500">{{ $meetup->users_count }} {{ __('User') }}</div>
|
||||
<img
|
||||
alt="{{ strtolower($meetup->city->country->code) }}"
|
||||
src="{{ asset('vendor/blade-flags/country-'.strtolower($meetup->city->country->code).'.svg') }}"
|
||||
width="12" height="6"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<flux:chart :value="$meetup->sparkline" class="w-[5rem] aspect-[3/1]">
|
||||
|
||||
Reference in New Issue
Block a user