mirror of
https://github.com/usetrmnl/byos_laravel.git
synced 2026-03-14 12:23:33 +00:00
42 lines
1.7 KiB
PHP
42 lines
1.7 KiB
PHP
@props([
|
|
'noBleed' => false,
|
|
'darkMode' => false,
|
|
'deviceVariant' => 'og',
|
|
'deviceOrientation' => null,
|
|
'colorDepth' => '1bit',
|
|
'scaleLevel' => null,
|
|
])
|
|
|
|
@php
|
|
// HOTFIX Github Issue https://github.com/usetrmnl/byos_laravel/issues/190
|
|
if ($colorDepth == '2bit'){
|
|
$deviceVariant = 'ogv2';
|
|
}
|
|
@endphp
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<link rel="preconnect" href="https://fonts.bunny.net">
|
|
<link href="https://fonts.bunny.net/css?family=Inter:300,400,500" rel="stylesheet"/>
|
|
@if (config('trmnl-blade.framework_css_url'))
|
|
<link rel="stylesheet"
|
|
href="{{ config('trmnl-blade.framework_css_url') }}">
|
|
@else
|
|
<link rel="stylesheet"
|
|
href="{{ config('services.trmnl.base_url') }}/css/{{ config('trmnl-blade.framework_css_version') ?? config('trmnl-blade.framework_version', '2.1.0') }}/plugins.css">
|
|
@endif
|
|
@if (config('trmnl-blade.framework_js_url'))
|
|
<script src="{{ config('trmnl-blade.framework_js_url') }}"></script>
|
|
@else
|
|
<script src="{{ config('services.trmnl.base_url') }}/js/{{ config('trmnl-blade.framework_js_version') ?? config('trmnl-blade.framework_version', '2.1.0') }}/plugins.js"></script>
|
|
@endif
|
|
<title>{{ $title ?? config('app.name') }}</title>
|
|
</head>
|
|
<body class="environment trmnl">
|
|
<div class="screen {{$noBleed ? 'screen--no-bleed' : ''}} {{ $darkMode ? 'dark-mode' : '' }} {{$deviceVariant ? 'screen--' . $deviceVariant : ''}} {{ $deviceOrientation ? 'screen--' . $deviceOrientation : ''}} {{ $colorDepth ? 'screen--' . $colorDepth : ''}} {{ $scaleLevel ? 'screen--scale-' . $scaleLevel : ''}}">
|
|
{{ $slot }}
|
|
</div>
|
|
</body>
|
|
</html>
|