Improve UI consistency across components

This commit is contained in:
HolgerHatGarKeineNode
2025-11-21 17:37:26 +01:00
parent 6acbd218da
commit 09f9a53144
5 changed files with 63 additions and 48 deletions

View File

@@ -65,7 +65,7 @@ new class extends Component {
}; ?>
<div class="flex h-full w-full flex-1 flex-col gap-4 rounded-xl">
<div class="grid auto-rows-min gap-4 md:grid-cols-3">
<div class="grid auto-rows-min gap-4 grid-cols-1 md:grid-cols-2 2xl:grid-cols-3">
<div class="relative overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700">
<div class="p-6">
<flux:heading size="lg" class="mb-4">{{ __('Meine nächsten Meetup Termine') }}</flux:heading>
@@ -93,7 +93,7 @@ new class extends Component {
@endif
</div>
</div>
<div class="relative overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700">
<div class="2xl:col-span-2 relative overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700">
<div class="p-6">
<flux:heading size="lg" class="mb-4">{{ __('Meine Meetups') }}</flux:heading>
@@ -170,7 +170,4 @@ new class extends Component {
</div>
</div>
</div>
{{--<div class="relative h-full flex-1 overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700">
<x-placeholder-pattern class="absolute inset-0 size-full stroke-gray-900/20 dark:stroke-neutral-100/20" />
</div>--}}
</div>