NIM_E31222518/resources/views/app.blade.php

78 lines
2.0 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>DIJEE Elektronik</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
<style>
body {
background: linear-gradient(135deg, #B5EAE0 0%, #88D8CC 100%);
}
.btn-primary {
background: linear-gradient(135deg, #B5EAE0 0%, #9CD5CB 100%);
color: #1a1a1a;
padding: 12px 24px;
border-radius: 12px;
font-weight: 600;
transition: all 0.3s ease;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}
.btn-secondary {
border: 2px solid #B5EAE0;
color: #1a1a1a;
padding: 10px 24px;
border-radius: 12px;
font-weight: 500;
transition: all 0.3s ease;
}
.btn-secondary:hover {
background: linear-gradient(135deg, #B5EAE0 0%, #9CD5CB 100%);
color: white;
}
nav a {
transition: all 0.3s ease;
}
nav a:hover {
transform: translateX(5px);
}
.alert {
padding: 1rem;
border-radius: 12px;
margin-bottom: 1rem;
}
.alert-success {
background-color: #dcfce7;
border: 1px solid #86efac;
color: #166534;
}
.alert-error {
background-color: #fee2e2;
border: 1px solid #fca5a5;
color: #991b1b;
}
</style>
</head>
<body x-data="{ sidebarOpen: false }">
@yield('content')
</body>
</html>