55 lines
1.3 KiB
Vue
55 lines
1.3 KiB
Vue
|
<template>
|
||
|
|
<div class="headerContainer">
|
||
|
|
<img class="hLogo" src="../../../static/images/dashboard/Logo.png" alt="">
|
||
|
|
<ProjectSelectionArea class="hPSD"/>
|
||
|
|
<AccountButton class="hAccButton" />
|
||
|
|
<NewProjectArea class="hNewProjArea" />
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts">
|
||
|
|
import { Component, Vue } from 'vue-property-decorator';
|
||
|
|
import ProjectSelectionArea from "./projectSelection/ProjectSelectionArea.vue";
|
||
|
|
import NewProjectArea from "./newProject/NewProjectArea.vue";
|
||
|
|
import AccountButton from "./account/AccountButton.vue"
|
||
|
|
|
||
|
|
@Component(
|
||
|
|
{
|
||
|
|
components: {
|
||
|
|
ProjectSelectionArea,
|
||
|
|
NewProjectArea,
|
||
|
|
AccountButton
|
||
|
|
}
|
||
|
|
}
|
||
|
|
)
|
||
|
|
|
||
|
|
export default class DashboardHeader extends Vue {}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped lang="scss">
|
||
|
|
.headerContainer {
|
||
|
|
width: 100%;
|
||
|
|
height: 10vh;
|
||
|
|
background-color: white;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: flex-start;
|
||
|
|
padding-left: 4vw;
|
||
|
|
padding-right: 4vw;
|
||
|
|
}
|
||
|
|
.hLogo {
|
||
|
|
width: 10vw;
|
||
|
|
height: 7.5vh;
|
||
|
|
}
|
||
|
|
.hPSD {
|
||
|
|
margin-left: 10vw;
|
||
|
|
}
|
||
|
|
.hAccButton {
|
||
|
|
margin-left: 32vw;
|
||
|
|
}
|
||
|
|
.hNewProjArea {
|
||
|
|
margin-left: 20px;
|
||
|
|
}
|
||
|
|
</style>
|