mirror of
https://github.com/HolgerHatGarKeineNode/einundzwanzig-nostr.git
synced 2026-01-27 06:33:18 +00:00
🎨 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:
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user