mirror of
https://github.com/HolgerHatGarKeineNode/einundzwanzig-app.git
synced 2025-12-14 12:06:46 +00:00
🎨 Improve responsiveness by applying stacked-to-row layout for header sections across views
This commit is contained in:
@@ -29,9 +29,9 @@ new class extends Component {
|
|||||||
}; ?>
|
}; ?>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<div class="flex items-center justify-between mb-6">
|
<div class="flex items-center justify-between flex-col md:flex-row mb-6">
|
||||||
<flux:heading size="xl">{{ __('Cities') }}</flux:heading>
|
<flux:heading size="xl">{{ __('Cities') }}</flux:heading>
|
||||||
<div class="flex items-center gap-4">
|
<div class="flex items-center flex-col md:flex-row gap-4">
|
||||||
<flux:input
|
<flux:input
|
||||||
wire:model.live="search"
|
wire:model.live="search"
|
||||||
:placeholder="__('Search cities...')"
|
:placeholder="__('Search cities...')"
|
||||||
|
|||||||
@@ -34,9 +34,9 @@ new class extends Component {
|
|||||||
}; ?>
|
}; ?>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<div class="flex items-center justify-between">
|
<div class="flex items-center justify-between flex-col md:flex-row">
|
||||||
<flux:heading size="xl">{{ __('Kurse') }}</flux:heading>
|
<flux:heading size="xl">{{ __('Kurse') }}</flux:heading>
|
||||||
<div class="flex items-center gap-4">
|
<div class="flex items-center flex-col md:flex-row gap-4">
|
||||||
<div>
|
<div>
|
||||||
<flux:input
|
<flux:input
|
||||||
wire:model.live="search"
|
wire:model.live="search"
|
||||||
|
|||||||
@@ -38,9 +38,9 @@ new class extends Component {
|
|||||||
}; ?>
|
}; ?>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<div class="flex items-center justify-between mb-6">
|
<div class="flex items-center justify-between flex-col md:flex-row mb-6">
|
||||||
<flux:heading size="xl">{{ __('Dozenten') }}</flux:heading>
|
<flux:heading size="xl">{{ __('Dozenten') }}</flux:heading>
|
||||||
<div class="flex items-center gap-4">
|
<div class="flex items-center flex-col md:flex-row gap-4">
|
||||||
<flux:input
|
<flux:input
|
||||||
wire:model.live="search"
|
wire:model.live="search"
|
||||||
:placeholder="__('Suche nach Dozenten...')"
|
:placeholder="__('Suche nach Dozenten...')"
|
||||||
|
|||||||
@@ -40,9 +40,9 @@ new class extends Component {
|
|||||||
}; ?>
|
}; ?>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<div class="flex items-center justify-between mb-6">
|
<div class="flex items-center justify-between flex-col md:flex-row mb-6">
|
||||||
<flux:heading size="xl">{{ __('Meetups') }}</flux:heading>
|
<flux:heading size="xl">{{ __('Meetups') }}</flux:heading>
|
||||||
<div class="flex items-center gap-4">
|
<div class="flex flex-col md:flex-row items-center gap-4">
|
||||||
<flux:button class="cursor-pointer" x-copy-to-clipboard="'{{ route('ics') }}'" icon="calendar-date-range">{{ __('Kalender-Stream-URL kopieren') }}</flux:button>
|
<flux:button class="cursor-pointer" x-copy-to-clipboard="'{{ route('ics') }}'" icon="calendar-date-range">{{ __('Kalender-Stream-URL kopieren') }}</flux:button>
|
||||||
<flux:input
|
<flux:input
|
||||||
wire:model.live="search"
|
wire:model.live="search"
|
||||||
|
|||||||
@@ -29,9 +29,9 @@ new class extends Component {
|
|||||||
}; ?>
|
}; ?>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<div class="flex items-center justify-between mb-6">
|
<div class="flex items-center justify-between flex-col md:flex-row mb-6">
|
||||||
<flux:heading size="xl">{{ __('Venues') }}</flux:heading>
|
<flux:heading size="xl">{{ __('Venues') }}</flux:heading>
|
||||||
<div class="flex items-center gap-4">
|
<div class="flex items-center flex-col md:flex-row gap-4">
|
||||||
<flux:input
|
<flux:input
|
||||||
wire:model.live="search"
|
wire:model.live="search"
|
||||||
:placeholder="__('Search venues...')"
|
:placeholder="__('Search venues...')"
|
||||||
|
|||||||
Reference in New Issue
Block a user