60 lines
1.7 KiB
HTML
60 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta name="description" content="Royal Enfield Approval & Request Management Portal - Streamlined approval workflows for enterprise operations" />
|
|
<meta name="theme-color" content="#2d4a3e" />
|
|
<title>Royal Enfield | Approval Portal</title>
|
|
|
|
<!-- Preload critical fonts and icons -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
|
|
<!-- Ensure proper icon rendering and layout -->
|
|
<style>
|
|
/* Ensure Lucide icons render properly */
|
|
svg {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* Fix for icon alignment in buttons */
|
|
button svg {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
/* Ensure proper text rendering */
|
|
body {
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
text-rendering: optimizeLegibility;
|
|
}
|
|
|
|
/* Fix for mobile viewport and sidebar */
|
|
@media (max-width: 768px) {
|
|
html {
|
|
overflow-x: hidden;
|
|
}
|
|
}
|
|
|
|
/* Ensure proper sidebar toggle behavior */
|
|
.sidebar-toggle {
|
|
transition: all 0.3s ease-in-out;
|
|
}
|
|
|
|
/* Fix for icon button hover states */
|
|
button:hover svg {
|
|
transform: scale(1.05);
|
|
transition: transform 0.2s ease;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
<script type="module" src="/src/main.tsx"></script>
|
|
</body>
|
|
</html>
|
|
|