70 lines
4.2 KiB
PHP
70 lines
4.2 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="ms">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{ $title ?? config('app.name') }}</title>
|
|
<style>
|
|
* { box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; }
|
|
body { margin: 0; min-height: 100vh; background: #f4f5f7; color: #1f2933; }
|
|
.shell { min-height: 100vh; display: grid; grid-template-rows: auto 1fr; }
|
|
.topbar { height: 58px; background: #1f2933; color: #fff; display: flex; align-items: center; justify-content: space-between; padding: 0 clamp(16px, 4vw, 44px); }
|
|
.brand { font-weight: 700; letter-spacing: 0; }
|
|
.topbar-actions { display: flex; align-items: center; gap: 18px; }
|
|
.topbar-link { color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; }
|
|
.content { display: grid; place-items: start center; padding: clamp(28px, 7vw, 72px) 16px; }
|
|
.page { width: min(760px, 100%); background: #fff; padding: clamp(22px, 4vw, 36px); border-radius: 8px; border: 1px solid #d8dde3; box-shadow: 0 12px 30px rgba(31, 41, 51, 0.08); }
|
|
h1, h2 { margin: 0 0 8px; }
|
|
.subtitle { margin: 0 0 24px; color: #5f6b7a; font-size: 14px; }
|
|
label { display: block; font-size: 13px; font-weight: 700; margin-bottom: 7px; }
|
|
input, select { width: 100%; padding: 12px; margin-bottom: 16px; border: 1px solid #b8c0cc; border-radius: 6px; background: #fff; color: #1f2933; font-size: 15px; }
|
|
input:focus, select:focus { outline: 3px solid rgba(37, 99, 235, 0.16); border-color: #2563eb; }
|
|
button, .button { display: inline-block; padding: 11px 16px; border: 0; background: #1f2933; color: #fff; text-decoration: none; cursor: pointer; border-radius: 6px; font-size: 14px; font-weight: 700; }
|
|
.button.secondary, button.secondary { background: #eef2f6; color: #1f2933; }
|
|
.form-grid { display: grid; grid-template-columns: 1fr 180px; gap: 16px; align-items: end; }
|
|
.actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
|
|
.notice { background: #eef7ed; border: 1px solid #a9d3a5; color: #214f23; padding: 12px; border-radius: 6px; margin-bottom: 16px; font-size: 14px; }
|
|
.checkbox-row { display: flex; gap: 8px; align-items: center; margin-bottom: 16px; }
|
|
.checkbox-row input { width: auto; margin: 0; }
|
|
.checkbox-row label { margin: 0; font-weight: 400; }
|
|
.data-table { width: 100%; border-collapse: collapse; font-size: 14px; }
|
|
.data-table th, .data-table td { text-align: left; padding: 10px 12px; border-bottom: 1px solid #d8dde3; }
|
|
.data-table th { background: #eef2f6; font-size: 13px; }
|
|
.error { color: #b00020; margin-bottom: 12px; font-size: 14px; }
|
|
.logout-form { margin: 0; }
|
|
.logout-form button { background: transparent; padding: 8px 0; font-weight: 700; }
|
|
@media (max-width: 640px) {
|
|
.topbar { height: auto; min-height: 58px; align-items: flex-start; padding-top: 14px; padding-bottom: 14px; gap: 12px; }
|
|
.topbar-actions { gap: 12px; flex-wrap: wrap; justify-content: flex-end; }
|
|
.form-grid { grid-template-columns: 1fr; gap: 0; }
|
|
}
|
|
</style>
|
|
@stack('styles')
|
|
</head>
|
|
<body>
|
|
<div class="shell">
|
|
<header class="topbar">
|
|
<div class="brand">{{ config('app.name') }}</div>
|
|
@auth
|
|
<div class="topbar-actions">
|
|
<a class="topbar-link" href="{{ route('tables.index') }}">Carian</a>
|
|
<a class="topbar-link" href="{{ route('profile.edit') }}">Profile</a>
|
|
@if (auth()->user()->isAdmin())
|
|
<a class="topbar-link" href="{{ route('admin.users.index') }}">Users</a>
|
|
<a class="topbar-link" href="{{ route('admin.ratemas-upload.create') }}">Upload RateMas</a>
|
|
@endif
|
|
<form class="logout-form" method="POST" action="{{ route('logout') }}">
|
|
@csrf
|
|
<button type="submit">Logout</button>
|
|
</form>
|
|
</div>
|
|
@endauth
|
|
</header>
|
|
|
|
<div class="content">
|
|
@yield('content')
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|