All files / layouts SearchEngineLayout.vue

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

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 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75                                                                                                                                                     
<template>
  <q-layout view="hHh Lpr lff">
    <q-header elevated>
      <NavBar />
    </q-header>
 
    <q-drawer
      v-model="drawer"
      :width="200"
      :breakpoint="500"
      show-if-above
      bordered
      content-class="bg-grey-3"
    >
      <q-scroll-area class="fit">
        <slot name="sidebar"></slot>
      </q-scroll-area>
    </q-drawer>
 
    <q-page-container>
      <q-page padding>
        <div class="search-engine-layout">
          <div class="search-breadcrumbs">
            <slot name="breadcrumbs">
              <q-breadcrumbs>
                <q-breadcrumbs-el
                  label="Home"
                  icon="fa fa-home"
                  to="/"
                />
                <q-breadcrumbs-el :label="title" />
              </q-breadcrumbs>
            </slot>
          </div>
          <q-separator spaced />
          <div class="search-content">
            <slot name="content"></slot>
          </div>
        </div>
      </q-page>
    </q-page-container>
    <!-- 
    <q-footer>
      <Footer />
    </q-footer> -->
  </q-layout>
</template>
 
<script>
import { openURL } from "quasar";
import NavBar from "components/layout/NavBar";
import Footer from "components/layout/Footer"
export default {
  props: ['title'],
  // name: 'ComponentName',
  components: { NavBar, Footer },
  methods: { openURL },
  data () {
    return { drawer: true }
  }
}
</script>
 
<style scoped>
.search-engine-layout {
}
.search-engine-layout .sidebar {
  width: 200px;
  max-width: 90vw;
}
.search-engine-layout .sidebar-content {
  width: 100%;
}
</style>