Perbaikan Sedikit
This commit is contained in:
parent
8f0b98e62f
commit
e7054e55d5
File diff suppressed because it is too large
Load Diff
|
@ -10,6 +10,7 @@
|
||||||
"autoprefixer": "^10.4.20",
|
"autoprefixer": "^10.4.20",
|
||||||
"axios": "^1.1.2",
|
"axios": "^1.1.2",
|
||||||
"flowbite": "^3.0.0",
|
"flowbite": "^3.0.0",
|
||||||
|
"laravel-mix": "^6.0.49",
|
||||||
"laravel-vite-plugin": "^0.7.2",
|
"laravel-vite-plugin": "^0.7.2",
|
||||||
"postcss": "^8.5.1",
|
"postcss": "^8.5.1",
|
||||||
"tailwindcss": "^3.4.17",
|
"tailwindcss": "^3.4.17",
|
||||||
|
|
|
@ -5,10 +5,10 @@
|
||||||
@vite(['resources/css/app.css', 'resources/js/app.js', 'public/css/font.css'])
|
@vite(['resources/css/app.css', 'resources/js/app.js', 'public/css/font.css'])
|
||||||
@include('components.navbar')
|
@include('components.navbar')
|
||||||
@include('partials.font')
|
@include('partials.font')
|
||||||
|
@include('partials.head')
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body class="">
|
||||||
@if (session('success'))
|
@if (session('success'))
|
||||||
<div
|
<div
|
||||||
class="fixed top-4 left-1/2 transform -translate-x-1/2 p-4 text-sm text-green-700 bg-green-100 rounded-lg shadow-lg z-50">
|
class="fixed top-4 left-1/2 transform -translate-x-1/2 p-4 text-sm text-green-700 bg-green-100 rounded-lg shadow-lg z-50">
|
||||||
|
@ -24,6 +24,7 @@ class="fixed top-4 left-1/2 transform -translate-x-1/2 p-4 text-sm text-red-700
|
||||||
@endif
|
@endif
|
||||||
|
|
||||||
|
|
||||||
|
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
||||||
|
|
||||||
<script src="../path/to/flowbite/dist/flowbite.min.js"></script>
|
<script src="../path/to/flowbite/dist/flowbite.min.js"></script>
|
||||||
{{ $slot }}
|
{{ $slot }}
|
||||||
|
|
|
@ -9,9 +9,9 @@ class="self-center text-2xl sm:text-3xl lg:text-4xl text-white font-semibold whi
|
||||||
LearnMap
|
LearnMap
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
<button data-collapse-toggle="navbar-solid-bg" type="button"
|
<button data-collapse-toggle="navbar-solid-admin" type="button"
|
||||||
class="inline-flex text-white items-center p-2 w-10 h-10 justify-center text-sm rounded-lg md:hidden focus:outline-none focus:ring-2 focus:ring-gray-200"
|
class="inline-flex text-white items-center p-2 w-10 h-10 justify-center text-sm rounded-lg md:hidden focus:outline-none focus:ring-2 focus:ring-gray-200"
|
||||||
aria-controls="navbar-solid-bg" aria-expanded="false">
|
aria-controls="navbar-solid-admin" aria-expanded="false">
|
||||||
<span class="sr-only">Open main menu</span>
|
<span class="sr-only">Open main menu</span>
|
||||||
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
|
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
|
||||||
viewBox="0 0 17 14">
|
viewBox="0 0 17 14">
|
||||||
|
@ -19,7 +19,7 @@ class="inline-flex text-white items-center p-2 w-10 h-10 justify-center text-sm
|
||||||
d="M1 1h15M1 7h15M1 13h15" />
|
d="M1 1h15M1 7h15M1 13h15" />
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
<div class="hidden w-full md:block md:w-auto py-4" id="navbar-solid-bg">
|
<div class="hidden w-full md:block md:w-auto py-4" id="navbar-solid-admin">
|
||||||
<ul
|
<ul
|
||||||
class="flex flex-col py-2 md:px-4 items-center font-medium rounded-lg bg-white md:space-x-8 space-y-2 md:space-y-0 md:flex-row md:mt-0 md:border-0 md:bg-transparent">
|
class="flex flex-col py-2 md:px-4 items-center font-medium rounded-lg bg-white md:space-x-8 space-y-2 md:space-y-0 md:flex-row md:mt-0 md:border-0 md:bg-transparent">
|
||||||
<li class="">
|
<li class="">
|
||||||
|
@ -43,7 +43,7 @@ class="{{ request()->is('admin/data-kursus', 'admin/create-data', 'admin/*/edit-
|
||||||
<li class="">
|
<li class="">
|
||||||
<button type="button"
|
<button type="button"
|
||||||
class="flex text-sm bg-gray-800 rounded-full md:me-0 focus:ring-4 focus:ring-gray-300 dark:focus:ring-gray-600"
|
class="flex text-sm bg-gray-800 rounded-full md:me-0 focus:ring-4 focus:ring-gray-300 dark:focus:ring-gray-600"
|
||||||
id="user-menu-button" aria-expanded="false" data-dropdown-toggle="user-dropdown"
|
id="user-menu-button" aria-expanded="false" data-dropdown-toggle="dd"
|
||||||
data-dropdown-placement="bottom">
|
data-dropdown-placement="bottom">
|
||||||
<span class="sr-only">Open user menu</span>
|
<span class="sr-only">Open user menu</span>
|
||||||
<img class="w-8 h-8 rounded-full"
|
<img class="w-8 h-8 rounded-full"
|
||||||
|
@ -54,7 +54,7 @@ class="flex text-sm bg-gray-800 rounded-full md:me-0 focus:ring-4 focus:ring-gra
|
||||||
|
|
||||||
<!-- Dropdown menu -->
|
<!-- Dropdown menu -->
|
||||||
<div class="z-50 hidden my-4 text-base list-none bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 dark:divide-gray-600"
|
<div class="z-50 hidden my-4 text-base list-none bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 dark:divide-gray-600"
|
||||||
id="user-dropdown">
|
id="dd">
|
||||||
<div class="px-4 py-3">
|
<div class="px-4 py-3">
|
||||||
<span class="block text-sm text-gray-900 dark:text-white">{{ Auth::user()->name }}</span>
|
<span class="block text-sm text-gray-900 dark:text-white">{{ Auth::user()->name }}</span>
|
||||||
<span
|
<span
|
||||||
|
@ -74,12 +74,10 @@ class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gra
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<form action="{{ route('logout') }}" method="POST">
|
@csrf
|
||||||
@csrf
|
<button data-modal-target="default-modal" data-modal-toggle="default-modal"
|
||||||
<button type="submit"
|
class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white">Sign
|
||||||
class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white">Sign
|
out</button>
|
||||||
out</button>
|
|
||||||
</form>
|
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
@ -91,13 +89,13 @@ class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gra
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Modal Konfirmasi -->
|
<!-- Modal Konfirmasi -->
|
||||||
<div id="popup-modal" tabindex="-1"
|
<div id="default-modal" tabindex="-1"
|
||||||
class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full">
|
class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full">
|
||||||
<div class="relative p-4 w-full max-w-md max-h-full">
|
<div class="relative p-4 w-full max-w-md max-h-full">
|
||||||
<div class="relative bg-white rounded-lg shadow">
|
<div class="relative bg-white rounded-lg shadow">
|
||||||
<button type="button"
|
<button type="button"
|
||||||
class="absolute top-3 end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center"
|
class="absolute top-3 end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center"
|
||||||
data-modal-hide="popup-modal">
|
data-modal-hide="default-modal">
|
||||||
<svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
|
<svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
|
||||||
viewBox="0 0 14 14">
|
viewBox="0 0 14 14">
|
||||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||||
|
@ -124,7 +122,7 @@ class="text-white bg-[#4F7F81] hover:bg-[#3F6A6B] focus:ring-4 focus:outline-non
|
||||||
</form>
|
</form>
|
||||||
<button type="button"
|
<button type="button"
|
||||||
class="py-2.5 px-5 ms-3 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-[#3F6A6B] focus:z-10 focus:ring-4 focus:ring-gray-100"
|
class="py-2.5 px-5 ms-3 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-[#3F6A6B] focus:z-10 focus:ring-4 focus:ring-gray-100"
|
||||||
data-modal-hide="popup-modal">
|
data-modal-hide="default-modal">
|
||||||
Tidak, Batal
|
Tidak, Batal
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -3,7 +3,8 @@
|
||||||
|
|
||||||
<!-- CSS Aplikasi -->
|
<!-- CSS Aplikasi -->
|
||||||
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/flowbite@3.1.2/dist/flowbite.min.js"></script>
|
||||||
|
{{-- <link href="{{ mix('css/app.css') }}" rel="stylesheet"> --}}
|
||||||
|
|
||||||
<!-- Viewport untuk Responsif -->
|
<!-- Viewport untuk Responsif -->
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
|
@ -10,7 +10,7 @@ export default {
|
||||||
theme: {
|
theme: {
|
||||||
container: {
|
container: {
|
||||||
padding: {
|
padding: {
|
||||||
DEFAULT: "0rem",
|
DEFAULT: "1rem",
|
||||||
sm: "0rem",
|
sm: "0rem",
|
||||||
lg: "2rem",
|
lg: "2rem",
|
||||||
xl: "3rem",
|
xl: "3rem",
|
||||||
|
|
|
@ -5,6 +5,14 @@ export default defineConfig({
|
||||||
laravel({
|
laravel({
|
||||||
input: ["resources/css/app.css", "resources/js/app.js"],
|
input: ["resources/css/app.css", "resources/js/app.js"],
|
||||||
refresh: true,
|
refresh: true,
|
||||||
|
// server: {
|
||||||
|
// host: true, // Izinkan akses dari IP
|
||||||
|
// port: 5173, // Port default Vite
|
||||||
|
// refresh: true,
|
||||||
|
// hmr: {
|
||||||
|
// host: "192.168.1.6", // Ganti dengan IP lokal server
|
||||||
|
// },
|
||||||
|
// },
|
||||||
}),
|
}),
|
||||||
],
|
],
|
||||||
});
|
});
|
||||||
|
|
Loading…
Reference in New Issue