noNameWEB/livewire-material
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rewrite the showcase's Pages section without Tailwind

Browse Source 
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:
Andreas Reinhold / reini
2026-09-15 05:33:04 +02:00
co-authored by Claude Sonnet 5
parent a62800e8ff
commit ab2fcdb0d3
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/showcase/sections/pages.blade.php
+6 -6
View File
@@ -1,16 +1,16 @@
<section id="pages" class="scroll-mt-24 space-y-6"> <x-livewire-material::stack as="section" id="pages" gap="space300">
<h2 class="type-headline-md">Pages</h2> <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 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. (<code>livewire-material::mail.theme</code>) on a sample mail, both in this application's scheme.
</p> </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) @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 /> <x-livewire-material::button :link="route('livewire-material.error', $code)" :label="$code" variant="tonal" no-wire-navigate />
@endforeach @endforeach
<x-livewire-material::button :link="route('livewire-material.mail')" label="Sample mail" icon="mail" variant="outlined" no-wire-navigate /> <x-livewire-material::button :link="route('livewire-material.mail')" label="Sample mail" icon="mail" variant="outlined" no-wire-navigate />
</div> </x-livewire-material::row>
</section> </x-livewire-material::stack>