Refactor HTML and CSS styles
This commit is contained in:
parent
8228520851
commit
e2f59f804e
@ -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>
|
@ -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;
|
||||||
|
@ -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: {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user