mirror of
https://github.com/Elvanos/fantasia-archive.git
synced 2024-09-30 00:56:59 +13:00
65 lines
1 KiB
Vue
65 lines
1 KiB
Vue
<template>
|
|
|
|
<q-header
|
|
elevated
|
|
class="bg-dark text-cultured appHeader"
|
|
>
|
|
|
|
<div class="appHeaderInner">
|
|
<appControl
|
|
class="appControl"
|
|
/>
|
|
<topTabs
|
|
class="topTabs"
|
|
/>
|
|
</div>
|
|
|
|
</q-header>
|
|
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
|
|
import { Component } from "vue-property-decorator"
|
|
|
|
import BaseClass from "src/BaseClass"
|
|
import topTabs from "src/components/appHeader/TopTabs.vue"
|
|
import appControl from "src/components/appHeader/AppControl.vue"
|
|
|
|
@Component({
|
|
components: {
|
|
topTabs: topTabs,
|
|
appControl: appControl
|
|
}
|
|
})
|
|
export default class AppHeader extends BaseClass {
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
.appHeaderInner {
|
|
z-index: 999999;
|
|
display: flex;
|
|
min-height: 40px;
|
|
-webkit-app-region: drag;
|
|
width: calc(100% - 147px);
|
|
|
|
.appControl {
|
|
width: 375px;
|
|
flex-shrink: 0;
|
|
flex-grow: 0;
|
|
}
|
|
|
|
.topTabs {
|
|
max-width: calc(100% - 415px);
|
|
}
|
|
|
|
.appWindowButtons {
|
|
//width: 200px;
|
|
flex-shrink: 0;
|
|
flex-grow: 0;
|
|
margin-left: auto;
|
|
}
|
|
}
|
|
</style>
|