44 lines
1015 B
Vue
44 lines
1015 B
Vue
<template>
|
|
<div class="top-bar-container border-b flex-between">
|
|
<div class="flex-center h-full">
|
|
<div class="app-title-container flex-center">
|
|
<div class="app-title-icon"></div>
|
|
<div class="app-title-text app-logo-font">{{ defaultTitle }}</div>
|
|
</div>
|
|
<TopMenu></TopMenu>
|
|
</div>
|
|
<div class="avatar">
|
|
<Avatar></Avatar>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script setup lang="ts">
|
|
import TopMenu from './top-menu/index.vue'
|
|
import Avatar from './avatar/index.vue'
|
|
const defaultTitle = import.meta.env.VITE_APP_TITLE
|
|
</script>
|
|
<style lang="scss">
|
|
.top-bar-container {
|
|
height: var(--app-header-height);
|
|
box-sizing: border-box;
|
|
padding: var(--app-header-padding);
|
|
|
|
.app-title-container {
|
|
margin-right: 45px;
|
|
.app-title-icon {
|
|
background-image: url('@/assets/logo.png');
|
|
background-size: 100% 100%;
|
|
width: 34px;
|
|
height: 34px;
|
|
}
|
|
|
|
.app-title-text {
|
|
font-size: 24px;
|
|
}
|
|
}
|
|
.line {
|
|
height: 2em;
|
|
}
|
|
}
|
|
</style>
|