Refactor HTML and CSS styles

This commit is contained in:
Dede Fuji Abdul 2024-01-10 10:36:29 +07:00
parent 8228520851
commit e2f59f804e
3 changed files with 13 additions and 4 deletions

View File

@ -1,13 +1,13 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" class="h-full bg-layout"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="icon" href="/assets/images/pln.ico"> <link rel="icon" href="/assets/images/pln.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Executive Information System</title> <title>Executive Information System</title>
</head> </head>
<body class="h-full "> <body>
<div id="app" class="h-full"></div> <div id="app"></div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
</body> </body>
</html> </html>

View File

@ -3,6 +3,15 @@
@tailwind utilities; @tailwind utilities;
@layer components { @layer components {
html {
@apply h-full bg-layout;
}
body {
@apply h-full;
}
#app {
@apply h-full;
}
/* NavBar */ /* NavBar */
.menu-item { .menu-item {
@apply w-full text-left block px-4 py-3 text-base text-gray-800; @apply w-full text-left block px-4 py-3 text-base text-gray-800;

View File

@ -16,7 +16,7 @@ export default defineConfig({
} }
}), }),
vueJsx(), vueJsx(),
process.env.NODE_ENV === 'production' ? utwm({}) : undefined, // process.env.NODE_ENV === 'production' && utwm({})
], ],
resolve: { resolve: {
alias: { alias: {