mirror of
https://github.com/usetrmnl/byos_laravel.git
synced 2026-01-14 15:37:53 +00:00
fix: markup examples updated to Design Framework 1.1
This commit is contained in:
parent
4bc31e5c60
commit
42c25fc403
1 changed files with 71 additions and 63 deletions
|
|
@ -67,6 +67,7 @@ new class extends Component {
|
||||||
public function renderHelloWorld(): string
|
public function renderHelloWorld(): string
|
||||||
{
|
{
|
||||||
return <<<HTML
|
return <<<HTML
|
||||||
|
<x-trmnl::screen>
|
||||||
<x-trmnl::view>
|
<x-trmnl::view>
|
||||||
<x-trmnl::layout>
|
<x-trmnl::layout>
|
||||||
<x-trmnl::markdown gapSize="large">
|
<x-trmnl::markdown gapSize="large">
|
||||||
|
|
@ -77,12 +78,14 @@ new class extends Component {
|
||||||
</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::screen>
|
||||||
<x-trmnl::view>
|
<x-trmnl::view>
|
||||||
<x-trmnl::layout>
|
<x-trmnl::layout>
|
||||||
<x-trmnl::markdown gapSize="large">
|
<x-trmnl::markdown gapSize="large">
|
||||||
|
|
@ -93,12 +96,14 @@ HTML;
|
||||||
</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::screen>
|
||||||
<x-trmnl::view>
|
<x-trmnl::view>
|
||||||
<x-trmnl::layout>
|
<x-trmnl::layout>
|
||||||
<x-trmnl::table>
|
<x-trmnl::table>
|
||||||
|
|
@ -124,6 +129,7 @@ HTML;
|
||||||
</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,6 +137,7 @@ HTML;
|
||||||
public function renderHomeAssistant()
|
public function renderHomeAssistant()
|
||||||
{
|
{
|
||||||
return <<<HTML
|
return <<<HTML
|
||||||
|
<x-trmnl::screen>
|
||||||
<x-trmnl::view>
|
<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">
|
||||||
|
|
@ -151,6 +158,7 @@ HTML;
|
||||||
</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;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue