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

THW Logo layout optimization

Browse source
This commit is contained in:
Jörn-Michael Miehe 2022-09-12 11:01:48 +00:00
parent e5010d2a2f
commit b1a62882d6
1 changed files with 15 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
ui/src/components/THWLogo.vue
View file

@ -1,23 +1,18 @@
<template>
<div class="flex-column">
<div class="d-flex">
<div class="d-flex justify-end">
<span class="d-none d-sm-flex text-right thw-logo-font above mr-2">
<slot name="above">
Technisches<br />
Hilfswerk
</slot>
</span>
<v-img
class="d-flex"
max-width="56"
max-height="56"
:src="require('../assets/thw.svg')"
/>
</div>
<div class="flex-column text-wrap">
<div class="d-flex justify-end">
<span class="d-none d-sm-flex text-right thw-logo-font above mr-2">
<slot name="above">Technisches Hilfswerk</slot>
</span>
<v-img
class="d-flex"
max-width="56"
max-height="56"
:src="require('../assets/thw.svg')"
/>
</div>
<v-divider class="d-none d-sm-block my-1" />
<span class="d-none d-sm-flex text-wrap thw-logo-font below">
<span class="d-none d-sm-flex thw-logo-font below">
<slot>OV Musterstadt</slot>
</span>
</div>
@ -32,7 +27,8 @@ export default class THWLogo extends Vue {}
<style scoped>
.flex-column {
max-width: 240px;
min-width: 250px;
max-width: 250px;
}
.v-divider {
@ -43,6 +39,7 @@ export default class THWLogo extends Vue {}
.above {
font-size: 28px;
line-height: 28px;
align-items: center;
}
.below {