mkrieger/byos_laravel
1
0
Fork 0
mirror of https://github.com/usetrmnl/byos_laravel.git synced 2026-01-14 07:27:47 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix: markup examples updated to Design Framework 1.1

Browse source
This commit is contained in:
Benjamin Nussbaum 2025-06-16 14:07:39 +02:00
parent 4bc31e5c60
commit 42c25fc403
1 changed files with 71 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

24
resources/views/livewire/plugins/markup.blade.php
View file

@ -67,7 +67,8 @@ new class extends Component {
public function renderHelloWorld(): string public function renderHelloWorld(): string
{ {
return <<<HTML return <<<HTML
<x-trmnl::view> <x-trmnl::screen>
<x-trmnl::view>
<x-trmnl::layout> <x-trmnl::layout>
<x-trmnl::markdown gapSize="large"> <x-trmnl::markdown gapSize="large">
<x-trmnl::title>TRMNL BYOS Laravel</x-trmnl::title> <x-trmnl::title>TRMNL BYOS Laravel</x-trmnl::title>
@ -76,14 +77,16 @@ new class extends Component {
</x-trmnl::markdown> </x-trmnl::markdown>
</x-trmnl::layout> </x-trmnl::layout>
<x-trmnl::title-bar/> <x-trmnl::title-bar/>
</x-trmnl::view> </x-trmnl::view>
</x-trmnl::screen>
HTML; HTML;
} }
public function renderQuote(): string public function renderQuote(): string
{ {
return <<<HTML return <<<HTML
<x-trmnl::view> <x-trmnl::screen>
<x-trmnl::view>
<x-trmnl::layout> <x-trmnl::layout>
<x-trmnl::markdown gapSize="large"> <x-trmnl::markdown gapSize="large">
<x-trmnl::title>Motivational Quote</x-trmnl::title> <x-trmnl::title>Motivational Quote</x-trmnl::title>
@ -92,14 +95,16 @@ HTML;
</x-trmnl::markdown> </x-trmnl::markdown>
</x-trmnl::layout> </x-trmnl::layout>
<x-trmnl::title-bar/> <x-trmnl::title-bar/>
</x-trmnl::view> </x-trmnl::view>
</x-trmnl::screen>
HTML; HTML;
} }
public function renderTrainMonitor() public function renderTrainMonitor()
{ {
return <<<HTML return <<<HTML
<x-trmnl::view> <x-trmnl::screen>
<x-trmnl::view>
<x-trmnl::layout> <x-trmnl::layout>
<x-trmnl::table> <x-trmnl::table>
<thead> <thead>
@ -123,7 +128,8 @@ HTML;
</x-trmnl::table> </x-trmnl::table>
</x-trmnl::layout> </x-trmnl::layout>
<x-trmnl::title-bar title="Train Monitor"/> <x-trmnl::title-bar title="Train Monitor"/>
</x-trmnl::view> </x-trmnl::view>
</x-trmnl::screen>
HTML; HTML;
} }
@ -131,7 +137,8 @@ HTML;
public function renderHomeAssistant() public function renderHomeAssistant()
{ {
return <<<HTML return <<<HTML
<x-trmnl::view> <x-trmnl::screen>
<x-trmnl::view>
<x-trmnl::layout class="layout--col gap--space-between"> <x-trmnl::layout class="layout--col gap--space-between">
<x-trmnl::grid cols="4"> <x-trmnl::grid cols="4">
<x-trmnl::col position="center"> <x-trmnl::col position="center">
@ -150,7 +157,8 @@ HTML;
</x-trmnl::grid> </x-trmnl::grid>
</x-trmnl::layout> </x-trmnl::layout>
<x-trmnl::title-bar title="Home Assistant"/> <x-trmnl::title-bar title="Home Assistant"/>
</x-trmnl::view> </x-trmnl::view>
</x-trmnl::screen>
HTML; HTML;
} }