rayhan-erp/frontend/web/index.html

55 lines
1.6 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<base href="$FLUTTER_BASE_HREF">
<meta charset="UTF-8">
<meta content="IE=Edge" http-equiv="X-UA-Compatible">
<meta name="description" content="ERP Sur Mesure — SUARL Rayhan">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Rayhan ERP">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="apple-touch-icon" href="icons/Icon-192.png">
<link rel="icon" type="image/png" href="favicon.png"/>
<title>Rayhan ERP</title>
<link rel="manifest" href="manifest.json">
<style>
body {
margin: 0;
background-color: #F5F7FA;
}
#loading {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
flex-direction: column;
font-family: 'Roboto', sans-serif;
}
.spinner {
width: 48px;
height: 48px;
border: 4px solid #E5E7EB;
border-top: 4px solid #1565C0;
border-radius: 50%;
animation: spin 0.8s linear infinite;
margin-bottom: 16px;
}
@keyframes spin { to { transform: rotate(360deg); } }
#loading p { color: #6B7280; font-size: 14px; }
</style>
</head>
<body>
<div id="loading">
<div class="spinner"></div>
<p>Chargement de Rayhan ERP…</p>
</div>
<script>
window.addEventListener('flutter-first-frame', function() {
document.getElementById('loading').remove();
});
</script>
<script src="flutter_bootstrap.js" async></script>
</body>
</html>