OEKZident.de/ovdashboard
2
0
Fork 0
Code Releases 1 Packages Activity

classless scoped styling

Browse source
This commit is contained in:
Jörn-Michael Miehe 2022-09-12 11:36:46 +00:00
parent d0ccbb8dd0
commit bbddadef64
1 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
ui/src/components/TitleBar.vue
View file

@ -1,15 +1,15 @@
<template>
<v-toolbar color="primary" style="user-select: none" prominent dark>
<v-toolbar color="primary" prominent dark>
<v-container class="d-flex pa-0" fluid fill-height>
<div class="d-flex justify-start slim text-left text-no-wrap">
<div class="d-flex justify-start text-left text-no-wrap">
<THWLogo />
</div>
<div class="d-flex justify-center text-center mx-auto thw-heading-font">
<div class="d-flex justify-center text-center mx-auto text-h6 text-md-h5">
<slot> <h1>TITLE</h1> </slot>
</div>
<div class="d-none d-sm-flex justify-end slim text-right text-no-wrap">
<div class="d-none d-sm-flex justify-end text-right text-no-wrap">
<div class="flex-column">
<Clock
class="d-flex justify-end font-weight-light text-h6 text-md-h5"
@ -40,7 +40,12 @@ export default class TitleBar extends Vue {}
</script>
<style scoped>
.slim {
.v-toolbar {
user-select: none;
}
.container > div:first-child,
.container > div:last-child {
max-width: 0;
}
</style>