xref: /openbmc/webui-vue/src/components/Global/PageSection.vue (revision 7d6b44cb263da09e575c7cb28cab88c1eb339c7b) 
1<template>
2  <div class="page-section">
3    <h2 v-if="sectionTitle">{{ sectionTitle }}</h2>
4    <slot />
5  </div>
6</template>
7
8<script>
9export default {
10  name: 'PageSection',
11  props: {
12    sectionTitle: {
13      type: String,
14      default: '',
15    },
16  },
17};
18</script>
19
20<style lang="scss" scoped>
21@import '@/assets/styles/bmc/helpers/_index.scss';
22@import '@/assets/styles/bootstrap/_helpers.scss';
23
24.page-section {
25  margin-bottom: $spacer * 4;
26}
27
28h2 {
29  @include font-size($h3-font-size);
30  margin-bottom: $spacer;
31}
32</style>
33