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

add actionbar

Browse Source
This commit is contained in:
jo.kuehner
2023-11-07 16:33:42 +01:00
parent 5fc8ea5b0a
commit 0a8af2f5a8
11 changed files with 223 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
layouts/default.vue
View File

@ -1,30 +1,31 @@
<template>
<body>
<PageHeader />
<main>
<Navigationbar />
<section id="content">
<section id="content-header">
<pre id="page-name">Pagename</pre>
</section>
<section id="content-body">
<!--<slot />-->
</section>
<PageHeader />
<main>
<Navigationbar />
<section id="content">
<section id="content-header">
<pre id="page-name">Pagename</pre>
</section>
</main>
</body>
<section id="content-body">
<!--<slot />-->
</section>
</section>
<Actionbar />
</main>
</template>
<script>
import PageHeader from "./PageHeader.vue";
import Navigationbar from "./Navigationbar.vue";
import Actionbar from "./Actionbar.vue";
export default {
name: "Page",
components: {
PageHeader,
Navigationbar,
Actionbar,
}
}
@ -41,8 +42,8 @@ export default {
body {
display: flex;
flex-direction: column;
justify-content: stretch;
align-content: stretch;
align-items: stretch;
justify-content: flex-start;
background-color: #212121;
}
@ -51,7 +52,7 @@ export default {
flex-direction: row;
width: 100%;
gap: 10px;
padding: 10px;
padding: 10px 25px 10px 10px;
}
#content {