adm_tueit/TueIT_App
2
0
Fork 0
Code Issues 3 Pull Requests 3 Packages Projects Releases Wiki Activity

added login page, setup templates

Browse Source
This commit is contained in:
jo.kuehner
2023-11-09 20:17:38 +01:00
parent 5d08c9d557
commit 49e5b6da73
12 changed files with 526 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
layouts/default.vue
View File

@ -2,14 +2,7 @@
<PageHeader />
<main>
<Navigationbar />
<section id="content">
<section id="content-header">
<pre id="page-name">Pagename</pre>
</section>
<section id="content-body">
<!--<slot />-->
</section>
</section>
<slot />
<Actionbar />
</main>
</template>
@ -33,19 +26,19 @@ export default {
<style>
<style scoped>
* {
box-sizing: border-box;
}
body {
/*body {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
background-color: #212121;
}
}*/
main {
display: flex;
@ -53,50 +46,9 @@ export default {
width: 100%;
gap: 10px;
padding: 10px 25px 10px 10px;
background-color: #212121;
}
#content {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
width: 100%;
gap: 10px;
padding: 0 20px;
}
#content-header {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
height: 50px;
}
#page-name {
color: #fff;
letter-spacing: 1.2px;
font: italic 400 24px/125% Overpass, -apple-system, Roboto, Helvetica,
sans-serif;
}
#content-body {
display: flex;
flex-direction: column;
width: 100%;
gap: 20px;
margin-bottom: 10px;
border-radius: 10px;
box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
background-color: #2c2c2c;
}
slot {
display: flex;
flex-direction: column;
width: 100%;
gap: 20px;
padding: 20px 30px;
}
</style>