fit task control to screen
<template>
- <div class="q-pa-none q-ma-none">
- <div class="row q-pb-xs q-pl-md">
+ <div>
+ <q-bar>
<span class="text-caption">
Agent Status:
<q-badge :color="statusColor" :label="status" />
/>
<q-btn color="negative" size="sm" label="Recover Connection" icon="fas fa-first-aid" @click="repairMeshCentral" />
<q-space />
- </div>
+ </q-bar>
- <q-video v-show="control" :ratio="16 / 9" :src="control" style="padding-bottom: 51%"></q-video>
+ <q-video v-show="control" :src="control" :style="{ height: `${$q.screen.height - 26}px` }"></q-video>
</div>
</template>
