wip on mfs

This commit is contained in:
2024-09-08 19:17:34 +05:00
parent 34b463370d
commit b46dad2183
5 changed files with 191 additions and 16 deletions

View File

@@ -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')