All files / components HeaderTitleWithBackButton.vue

100% Statements 25/25
100% Branches 1/1
0% Functions 0/1
100% Lines 25/25

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 251x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x
<template>
    <div style="display: flex; align-items: start; width: 100%;">
        <q-btn v-if="btn" @click="$router.back()" size="initial" flat round color="grey" icon="img:/arrow_left.svg" class="brx-shadow-sm q-mr-lg"/>
        <div class="text-left q-px-lg q-py-sm full-width text-blue-brand brx-rounded-8 text-weight-bold" style="background: #eaf6fb; font-size: 24px; display: flex;align-items: center;">
            <span class="">{{ title }}</span>
        </div>
    </div>
</template>
 
<script lang="ts">
import { defineComponent } from 'vue'
 
export default defineComponent({
   props: {
    title: {
        type: String,
        default: 'Header Title'
    },
    btn:{
        type: Boolean,
        default: true
    }
   }
})
</script>