Rewrite the showcase's Pages section without Tailwind
Plan step 38 (last batch): the section wraps in <x-stack as="section"> and the error-page button row in <x-row>, text on the md-* classes; needs no showcase.css hook of its own. The error-page and mail links, every route and every visible label stay as they were. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9
This commit is contained in:
co-authored by
Claude Sonnet 5
parent
a62800e8ff
commit
ab2fcdb0d3
@@ -1,16 +1,16 @@
|
||||
<section id="pages" class="scroll-mt-24 space-y-6">
|
||||
<h2 class="type-headline-md">Pages</h2>
|
||||
<x-livewire-material::stack as="section" id="pages" gap="space300">
|
||||
<h2 class="md-type-headline-md">Pages</h2>
|
||||
|
||||
<p class="max-w-3xl type-body-md text-on-surface-variant">
|
||||
<p class="md-type-body-md md-ink-variant">
|
||||
The error pages, raised for real so an app's own <code>resources/views/errors</code> still wins, and the Markdown mail theme
|
||||
(<code>livewire-material::mail.theme</code>) on a sample mail, both in this application's scheme.
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap items-center gap-2">
|
||||
<x-livewire-material::row wrap align="center" gap="space100">
|
||||
@foreach (['401', '402', '403', '404', '419', '429', '500', '503'] as $code)
|
||||
<x-livewire-material::button :link="route('livewire-material.error', $code)" :label="$code" variant="tonal" no-wire-navigate />
|
||||
@endforeach
|
||||
|
||||
<x-livewire-material::button :link="route('livewire-material.mail')" label="Sample mail" icon="mail" variant="outlined" no-wire-navigate />
|
||||
</div>
|
||||
</section>
|
||||
</x-livewire-material::row>
|
||||
</x-livewire-material::stack>
|
||||
|
||||
Reference in New Issue
Block a user