diff --git a/front/src/components/admin/SettingsGroup.vue b/front/src/components/admin/SettingsGroup.vue index 3cc370782..48110fab5 100644 --- a/front/src/components/admin/SettingsGroup.vue +++ b/front/src/components/admin/SettingsGroup.vue @@ -110,6 +110,7 @@ const save = async () => {
() const [level, title] = Object.entries(props).find(([key, value]) => value && key.startsWith('h')) || ['h1', ''] @@ -30,9 +30,10 @@ const size = computed(() => (Object.entries(props).find(([key, value]) => value /* Page heading */ :is(*, .vp-doc h3).pageheading { font-size: 36px; font-weight: 900; letter-spacing: -1px; } - /* Section heading, Modal heading [DEFAULT] */ /* TODO: Decide on a size. All mockups on https://design.funkwhale.audio/ have 20px. */ - .sectionheading { font-size: 28px; font-weight: 700; letter-spacing: -.5px; } + :is(*, .vp-doc h3).largesectionheading { font-size: 28px; font-weight: 700; letter-spacing: -.5px; } + + /* Section heading, Modal heading [DEFAULT] */ :is(*, .vp-doc h3).sectionheading { font-size: 20px; font-weight: 700; letter-spacing: -.5px; } /* Form subsection */ diff --git a/front/src/components/ui/Section.vue b/front/src/components/ui/Section.vue index 0c71600ea..e9e46b289 100644 --- a/front/src/components/ui/Section.vue +++ b/front/src/components/ui/Section.vue @@ -18,7 +18,7 @@ const props = defineProps<{ } & { [H in `h${ '1' | '2' | '3' | '4' | '5' | '6' }`]? : string } & { - [S in 'page-heading' | 'section-heading' | 'subsection-heading' | 'caption' | 'title' | 'radio' | 'secondary' ]? : true + [S in 'page-heading' | 'section-heading' | 'large-section-heading' | 'subsection-heading' | 'caption' | 'title' | 'radio' | 'secondary' ]? : true } & { [Operation in 'expand' | 'collapse']?: () => void }>()