🎨 Refactor Blade template: improve formatting, standardize indentation, enhance grid layouts, and apply break-all for better text wrapping. 🛠️ Adjust conditional logic spacing for code consistency.

This commit is contained in:
HolgerHatGarKeineNode
2026-01-20 16:34:18 +01:00
parent 5e5e211244
commit 8b78a85646

View File

@@ -1,6 +1,5 @@
<?php <?php
use App\Enums\AssociationStatus;
use App\Livewire\Forms\ApplicationForm; use App\Livewire\Forms\ApplicationForm;
use App\Models\EinundzwanzigPleb; use App\Models\EinundzwanzigPleb;
use App\Support\NostrAuth; use App\Support\NostrAuth;
@@ -16,7 +15,8 @@ use swentel\nostr\Request\Request;
use swentel\nostr\Sign\Sign; use swentel\nostr\Sign\Sign;
use swentel\nostr\Subscription\Subscription; use swentel\nostr\Subscription\Subscription;
new class extends Component { new class extends Component
{
public ApplicationForm $form; public ApplicationForm $form;
public bool $no = false; public bool $no = false;
@@ -328,16 +328,16 @@ new class extends Component {
</h1> </h1>
</div> </div>
<div class="flex gap-6"> <div class="flex flex-col md:flex-row gap-6">
<!-- Membership Benefits Section --> <!-- Membership Benefits Section -->
<flux:card class="w-1/3"> <flux:card class="w-full md:w-1/3">
<div class="flex max-md:flex-col items-start"> <div class="flex max-md:flex-col items-start">
<div class="flex-1 max-md:pt-6 self-stretch"> <div class="flex-1 max-md:pt-6 self-stretch">
<flux:heading size="xl" level="1">Vorteile deiner Mitgliedschaft</flux:heading> <flux:heading size="xl" level="1">Vorteile deiner Mitgliedschaft</flux:heading>
<flux:separator variant="subtle" class="mb-6"/> <flux:separator variant="subtle" class="mb-6"/>
<!-- Benefits Grid --> <!-- Benefits Grid -->
<div class="grid grid-cols-1 gap-4"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
<!-- Benefit 1 --> <!-- Benefit 1 -->
<div <div
class="bg-linear-to-br from-amber-50 to-orange-50 dark:from-amber-300/10 dark:to-orange-900/10 rounded-lg p-4 border border-amber-200 dark:border-amber-200/30"> class="bg-linear-to-br from-amber-50 to-orange-50 dark:from-amber-300/10 dark:to-orange-900/10 rounded-lg p-4 border border-amber-200 dark:border-amber-200/30">
@@ -433,16 +433,16 @@ new class extends Component {
@if($nip05HandleMismatch) @if($nip05HandleMismatch)
<flux:callout variant="warning" icon="exclamation-triangle" class="mt-4"> <flux:callout variant="warning" icon="exclamation-triangle" class="mt-4">
<p class="font-medium text-zinc-800 dark:text-zinc-100"> <p class="font-medium text-zinc-800 dark:text-zinc-100">
Dein aktiviertes Handle ist <strong>{{ $nip05VerifiedHandle }}@einundzwanzig.space</strong> Dein aktiviertes Handle ist <strong class="break-all">{{ $nip05VerifiedHandle }}@einundzwanzig.space</strong>
</p> </p>
<p class="text-sm text-zinc-600 dark:text-zinc-400 mt-1"> <p class="text-sm text-zinc-600 dark:text-zinc-400 mt-1">
Die Synchronisation zu <strong>{{ $nip05Handle }}@einundzwanzig.space</strong> wird automatisch im Hintergrund durchgeführt. Die Synchronisation zu <strong class="break-all">{{ $nip05Handle }}@einundzwanzig.space</strong> wird automatisch im Hintergrund durchgeführt.
</p> </p>
</flux:callout> </flux:callout>
@else @else
<flux:callout variant="success" icon="check-circle" class="mt-4"> <flux:callout variant="success" icon="check-circle" class="mt-4">
<p class="font-medium text-zinc-800 dark:text-zinc-100"> <p class="font-medium text-zinc-800 dark:text-zinc-100">
Dein Handle <strong>{{ $nip05VerifiedHandle }}@einundzwanzig.space</strong> ist aktiv verifiziert! Dein Handle <strong class="break-all">{{ $nip05VerifiedHandle }}@einundzwanzig.space</strong> ist aktiv verifiziert!
</p> </p>
<p class="text-sm text-zinc-600 dark:text-zinc-400 mt-1"> <p class="text-sm text-zinc-600 dark:text-zinc-400 mt-1">
Dein Handle ist in der NIP-05 Konfiguration eingetragen und bereit für die Verwendung. Dein Handle ist in der NIP-05 Konfiguration eingetragen und bereit für die Verwendung.
@@ -452,7 +452,7 @@ new class extends Component {
@elseif($nip05Handle) @elseif($nip05Handle)
<flux:callout variant="secondary" icon="information-circle" class="mt-4"> <flux:callout variant="secondary" icon="information-circle" class="mt-4">
<p class="font-medium text-zinc-800 dark:text-zinc-100"> <p class="font-medium text-zinc-800 dark:text-zinc-100">
Dein Handle <strong>{{ $nip05Handle }}@einundzwanzig.space</strong> ist noch nicht aktiv. Dein Handle <strong class="break-all">{{ $nip05Handle }}@einundzwanzig.space</strong> ist noch nicht aktiv.
</p> </p>
<p class="text-sm text-zinc-600 dark:text-zinc-400 mt-1"> <p class="text-sm text-zinc-600 dark:text-zinc-400 mt-1">
Das Handle ist gespeichert, aber noch nicht in der NIP-05 Konfiguration veröffentlicht. Das Handle ist gespeichert, aber noch nicht in der NIP-05 Konfiguration veröffentlicht.
@@ -488,7 +488,7 @@ new class extends Component {
</div> </div>
</flux:card> </flux:card>
<!-- Main Grid Layout --> <!-- Main Grid Layout -->
<div class="w-2/3 grid grid-cols-1 gap-6"> <div class="w-full md:w-2/3 grid grid-cols-1 gap-6">
@if($currentPleb) @if($currentPleb)
<!-- Logged-in User Info --> <!-- Logged-in User Info -->
@@ -511,25 +511,25 @@ new class extends Component {
</p> </p>
</div> </div>
<div class="space-y-1 text-xs"> <div class="space-y-1 text-xs">
<div class="flex items-center gap-2"> <div class="flex flex-col sm:flex-row sm:items-center gap-2">
<span class="text-zinc-500 dark:text-zinc-400 shrink-0">Pubkey:</span> <span class="text-zinc-500 dark:text-zinc-400 shrink-0">Pubkey:</span>
<code <code
class="bg-zinc-100 dark:bg-zinc-800 px-2 py-0.5 rounded text-zinc-700 dark:text-zinc-300 truncate font-mono"> class="bg-zinc-100 dark:bg-zinc-800 px-2 py-0.5 rounded text-zinc-700 dark:text-zinc-300 break-all font-mono">
{{ $currentPleb->pubkey }} {{ $currentPleb->pubkey }}
</code> </code>
</div> </div>
<div class="flex items-center gap-2"> <div class="flex flex-col sm:flex-row sm:items-center gap-2">
<span class="text-zinc-500 dark:text-zinc-400 shrink-0">Npub:</span> <span class="text-zinc-500 dark:text-zinc-400 shrink-0">Npub:</span>
<code <code
class="bg-zinc-100 dark:bg-zinc-800 px-2 py-0.5 rounded text-zinc-700 dark:text-zinc-300 truncate font-mono text-xs"> class="bg-zinc-100 dark:bg-zinc-800 px-2 py-0.5 rounded text-zinc-700 dark:text-zinc-300 break-all font-mono text-xs">
{{ $currentPleb->npub }} {{ $currentPleb->npub }}
</code> </code>
</div> </div>
@if($currentPleb->nip05_handle) @if($currentPleb->nip05_handle)
<div class="flex items-center gap-2"> <div class="flex flex-col sm:flex-row sm:items-center gap-2">
<span class="text-zinc-500 dark:text-zinc-400 shrink-0">NIP-05:</span> <span class="text-zinc-500 dark:text-zinc-400 shrink-0">NIP-05:</span>
<code <code
class="bg-zinc-100 dark:bg-zinc-800 px-2 py-0.5 rounded text-zinc-700 dark:text-zinc-300 font-mono text-xs"> class="bg-zinc-100 dark:bg-zinc-800 px-2 py-0.5 rounded text-zinc-700 dark:text-zinc-300 break-all font-mono text-xs">
{{ $currentPleb->nip05_handle }} {{ $currentPleb->nip05_handle }}
</code> </code>
</div> </div>
@@ -550,7 +550,7 @@ new class extends Component {
</h3> </h3>
<!-- Grid of App Cards --> <!-- Grid of App Cards -->
<div class="grid grid-cols-1 md:grid-cols-2 gap-4"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
<flux:card> <flux:card>
<div <div
class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4"> class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4">