43 lines
641 B
Vue
43 lines
641 B
Vue
|
<template>
|
||
|
|
<div class="app-container">
|
||
|
|
<header class="app-header">
|
||
|
|
<h1>BLS Project Console</h1>
|
||
|
|
</header>
|
||
|
|
<main class="app-main">
|
||
|
|
<router-view />
|
||
|
|
</main>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
* {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
font-family: Arial, sans-serif;
|
||
|
|
background-color: #f5f5f5;
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
.app-container {
|
||
|
|
min-height: 100vh;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
|
||
|
|
.app-header {
|
||
|
|
background-color: #4285f4;
|
||
|
|
color: white;
|
||
|
|
padding: 1rem;
|
||
|
|
text-align: center;
|
||
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||
|
|
}
|
||
|
|
|
||
|
|
.app-main {
|
||
|
|
flex: 1;
|
||
|
|
padding: 1rem;
|
||
|
|
}
|
||
|
|
</style>
|