wip on mfs
This commit is contained in:
11
resources/views/vendor/nova/layout.blade.php
vendored
11
resources/views/vendor/nova/layout.blade.php
vendored
@@ -10,6 +10,8 @@
|
||||
|
||||
@include('nova::partials.meta')
|
||||
|
||||
<style>.dots,.loader{display:inline-block}body{margin:0;padding:0;font-family:Arial,sans-serif}#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f8fafc 0,#e2e8f0 50%,#cbd5e1 100%);display:flex;justify-content:center;align-items:center;flex-direction:column}.loader{width:50px;height:50px;border:5px solid #64748b;border-bottom-color:transparent;border-radius:50%;box-sizing:border-box;animation:1s linear infinite rotation}.loader-section{margin-top:20px;color:#1e293b;font-size:18px}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.dots{width:20px}@keyframes blink{0%,100%{opacity:.2}20%{opacity:1}}.dots span{animation-name:blink;animation-duration:1.4s;animation-iteration-count:infinite;animation-fill-mode:both}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}</style>
|
||||
|
||||
<!-- Styles -->
|
||||
<link rel="stylesheet" href="{{ mix('app.css', 'vendor/nova') }}">
|
||||
|
||||
@@ -29,6 +31,13 @@
|
||||
</script>
|
||||
</head>
|
||||
<body class="min-w-site text-sm font-medium min-h-full text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-900">
|
||||
<div id="loader-wrapper">
|
||||
<div class="loader"></div>
|
||||
<div class="loader-section">
|
||||
<p>Loading<span class="dots">...</span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@inertia
|
||||
|
||||
<!-- Scripts -->
|
||||
@@ -52,6 +61,8 @@
|
||||
|
||||
<!-- Start Nova -->
|
||||
<script defer>
|
||||
document.getElementById('loader-wrapper').style.display = 'none';
|
||||
|
||||
Nova.liftOff()
|
||||
|
||||
Nova.$emit('liftedOff')
|
||||
|
||||
Reference in New Issue
Block a user