summaryrefslogtreecommitdiff
path: root/src/components/Global/PageSection.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/Global/PageSection.vue')
-rw-r--r--src/components/Global/PageSection.vue14
1 files changed, 13 insertions, 1 deletions
diff --git a/src/components/Global/PageSection.vue b/src/components/Global/PageSection.vue
index dd39ddd5..0521dc06 100644
--- a/src/components/Global/PageSection.vue
+++ b/src/components/Global/PageSection.vue
@@ -1,6 +1,9 @@
<template>
<div class="page-section">
<h2 v-if="sectionTitle">{{ sectionTitle }}</h2>
+ <span v-if="sectionSmallTitle" class="bold-16px">
+ {{ sectionSmallTitle }}
+ </span>
<slot />
</div>
</template>
@@ -13,17 +16,26 @@ export default {
type: String,
default: '',
},
+ sectionSmallTitle: {
+ type: String,
+ default: '',
+ },
},
};
</script>
<style lang="scss" scoped>
.page-section {
- margin-bottom: $spacer * 4;
+ margin-bottom: $spacer * 1;
}
h2 {
@include font-size($h3-font-size);
margin-bottom: $spacer;
}
+
+.bold-16px {
+ display: block;
+ margin: 25px 0 16px 0;
+}
</style>