responsivity fixes

This commit is contained in:
Jörn-Michael Miehe 2022-09-12 11:12:47 +00:00
parent 2e4fe65127
commit d0ccbb8dd0

View file

@ -1,18 +1,18 @@
<template> <template>
<div class="flex-column text-wrap"> <div class="d-flex flex-column text-wrap">
<div class="d-flex justify-end"> <div class="d-flex justify-start justify-md-end">
<span class="d-none d-sm-flex text-right thw-logo-font above mr-2"> <span class="d-none d-md-flex text-right thw-logo-font above mr-2">
<slot name="above">Technisches Hilfswerk</slot> <slot name="above">Technisches Hilfswerk</slot>
</span> </span>
<v-img <v-img
class="d-flex" class="d-none d-sm-flex"
max-width="56" max-width="56"
max-height="56" max-height="56"
:src="require('../assets/thw.svg')" :src="require('../assets/thw.svg')"
/> />
</div> </div>
<v-divider class="d-none d-sm-block my-1" /> <v-divider class="d-none d-md-block my-1" />
<span class="d-none d-sm-flex thw-logo-font below"> <span class="d-none d-md-flex thw-logo-font below">
<slot>OV Musterstadt</slot> <slot>OV Musterstadt</slot>
</span> </span>
</div> </div>