Custom Layout
Hi, im just create my own layout, but properti color i defined on panel cannot use/showed if i use this layout, i think i've been missed something.
1 Reply
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="application-name" content="{{ config('app.name') }}">
<meta name="csrf-token" content="{{ csrf_token() }}">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&display=swap" />
<title> {{ $title }} | {{ config('app.name') }}</title>
@filamentStyles
@vite('resources/css/app.css')
</head>
<body class="antialised">
<div class="flex-col justify-center items-start inline-flex">
<div class="self-stretch w-full px-10 py-3 shadow border-b border-slate- items-center gap-2 inline-flex">
<div class="justify-start items-center gap-2 flex">
<img src="/images/logo.svg" class="w-[60px] h-[60px] relative" />
<div class="leading-[100%]">
<p class="m-0">
<b>SSO</b>
</p>
<p class="m-0 font-medium">Nasional</p>
</div>
</div>
</div>
<div class="self-stretch h-[768px] bg-slate-50 justify-center items-center inline-flex">
<div class="grow shrink basis-0 self-stretch justify-center items-center gap-[231px] flex">
<img src="/images/shield.png" class="w-[666px] h-[666px] relative" />
</div>
<div class="w-[720px] self-stretch px-20 py-6 flex-col justify-center items-center gap-10 inline-flex">
<div class="text-gray-700 text-[32px] font-semibold font-['Poppins'] leading-[48px]">Konfigurasi Faktor Keamanan</div>
<div class="self-stretch flex-col justify-center items-center gap-4 flex">
{{ $slot }}
</div>
</div>
</div>
</div>
@livewire('notifications')
@filamentScripts
@vite('resources/js/app.js')
</body>
</html>
helppppppp