Display: Add component to show the section header

pull/5192/head
Angel Fernando Quiroz Campos 2 years ago
parent b9a4208336
commit a62525018c
  1. 4
      assets/css/scss/organisms/_section_header.scss
  2. 31
      assets/vue/components/layout/SectionHeader.vue

@ -9,6 +9,10 @@
@apply pb-4;
}
&__title {
@apply mr-auto;
}
h1, h2, h3, h4, h5, h6 {
@apply mr-auto;
}

@ -0,0 +1,31 @@
<script setup>
import { useCidReqStore } from "../../store/cidReq"
import { storeToRefs } from "pinia"
import StudentViewButton from "../StudentViewButton.vue"
defineProps({
title: {
type: String,
required: true
}
})
const cidReqStore = useCidReqStore()
const { course } = storeToRefs(cidReqStore)
</script>
<template>
<div class="section-header section-header--h2">
<h2
class="section-header__title"
v-text="title"
/>
<StudentViewButton
v-if="course"
/>
<slot />
</div>
</template>
Loading…
Cancel
Save