Rebrand Hub+Flux
This commit is contained in:
parent
0a3e52d603
commit
9b47296cea
130 changed files with 9357 additions and 3345 deletions
|
|
@ -1,20 +1,40 @@
|
|||
<div class="flex items-start max-md:flex-col">
|
||||
<div class="me-10 w-full pb-4 md:w-[220px]">
|
||||
<flux:navlist>
|
||||
<flux:navlist.item :href="route('settings.profile')" wire:navigate>{{ __('Profile') }}</flux:navlist.item>
|
||||
<flux:navlist.item :href="route('settings.password')" wire:navigate>{{ __('Password') }}</flux:navlist.item>
|
||||
<flux:navlist.item :href="route('settings.appearance')" wire:navigate>{{ __('Appearance') }}</flux:navlist.item>
|
||||
</flux:navlist>
|
||||
</div>
|
||||
|
||||
<flux:separator class="md:hidden" />
|
||||
|
||||
<div class="flex-1 self-stretch max-md:pt-6">
|
||||
<flux:heading>{{ $heading ?? '' }}</flux:heading>
|
||||
<flux:subheading>{{ $subheading ?? '' }}</flux:subheading>
|
||||
|
||||
<div class="mt-5 w-full max-w-lg">
|
||||
{{ $slot }}
|
||||
{{-- Hub-style settings layout: sidebar nav + content panel --}}
|
||||
<div class="grid items-start gap-6 md:grid-cols-[220px_1fr]">
|
||||
<aside class="panel">
|
||||
<div class="panel-head">
|
||||
<span class="section-eyebrow">{{ __('Mein Konto') }}</span>
|
||||
</div>
|
||||
<nav class="p-2">
|
||||
<flux:navlist>
|
||||
<flux:navlist.item :href="route('settings.profile')" wire:navigate>
|
||||
{{ __('Profile') }}
|
||||
</flux:navlist.item>
|
||||
<flux:navlist.item :href="route('settings.password')" wire:navigate>
|
||||
{{ __('Password') }}
|
||||
</flux:navlist.item>
|
||||
<flux:navlist.item :href="route('settings.appearance')" wire:navigate>
|
||||
{{ __('Appearance') }}
|
||||
</flux:navlist.item>
|
||||
</flux:navlist>
|
||||
</nav>
|
||||
</aside>
|
||||
|
||||
<div class="space-y-6 min-w-0">
|
||||
<article class="panel">
|
||||
<div class="panel-head">
|
||||
<span class="section-eyebrow">{{ $heading ?? '' }}</span>
|
||||
</div>
|
||||
<div class="p-5 space-y-1">
|
||||
@if (! empty($subheading))
|
||||
<p class="text-[12.5px] text-[color:var(--color-ink-3)] m-0">
|
||||
{{ $subheading }}
|
||||
</p>
|
||||
@endif
|
||||
|
||||
<div class="pt-4">
|
||||
{{ $slot }}
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue