🎨 Improve responsiveness by applying stacked-to-row layout for header sections across views

This commit is contained in:
HolgerHatGarKeineNode
2025-11-21 17:42:40 +01:00
parent 09f9a53144
commit c43dcd93c2
5 changed files with 10 additions and 10 deletions

View File

@@ -29,9 +29,9 @@ new class extends Component {
}; ?>
<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>
<div class="flex items-center gap-4">
<div class="flex items-center flex-col md:flex-row gap-4">
<flux:input
wire:model.live="search"
:placeholder="__('Search cities...')"

View File

@@ -34,9 +34,9 @@ new class extends Component {
}; ?>
<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>
<div class="flex items-center gap-4">
<div class="flex items-center flex-col md:flex-row gap-4">
<div>
<flux:input
wire:model.live="search"

View File

@@ -38,9 +38,9 @@ new class extends Component {
}; ?>
<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>
<div class="flex items-center gap-4">
<div class="flex items-center flex-col md:flex-row gap-4">
<flux:input
wire:model.live="search"
:placeholder="__('Suche nach Dozenten...')"

View File

@@ -40,9 +40,9 @@ new class extends Component {
}; ?>
<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>
<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:input
wire:model.live="search"

View File

@@ -29,9 +29,9 @@ new class extends Component {
}; ?>
<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>
<div class="flex items-center gap-4">
<div class="flex items-center flex-col md:flex-row gap-4">
<flux:input
wire:model.live="search"
:placeholder="__('Search venues...')"