Dashboard: Move panels to more semantically correct h2

Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
This commit is contained in:
Jan C. Borchardt 2020-08-20 18:07:07 +02:00
parent 65b5e65185
commit d52ca95143
No known key found for this signature in database
GPG Key ID: CBD846FC845CBE17
1 changed files with 10 additions and 10 deletions

View File

@ -15,9 +15,9 @@
@end="saveLayout"> @end="saveLayout">
<div v-for="panelId in layout" :key="panels[panelId].id" class="panel"> <div v-for="panelId in layout" :key="panels[panelId].id" class="panel">
<div class="panel--header"> <div class="panel--header">
<h3 :class="panels[panelId].iconClass"> <h2 :class="panels[panelId].iconClass">
{{ panels[panelId].title }} {{ panels[panelId].title }}
</h3> </h2>
</div> </div>
<div class="panel--content"> <div class="panel--content">
<div :ref="panels[panelId].id" :data-id="panels[panelId].id" /> <div :ref="panels[panelId].id" :data-id="panels[panelId].id" />
@ -313,14 +313,14 @@ export default {
background-color: var(--color-main-background); background-color: var(--color-main-background);
--color-background-translucent: var(--color-main-background); --color-background-translucent: var(--color-main-background);
} }
}
h2 { > h2 {
color: var(--color-primary-text); color: var(--color-primary-text);
text-align: center; text-align: center;
font-size: 32px; font-size: 32px;
line-height: 130%; line-height: 130%;
padding: 120px 16px 0px; padding: 120px 16px 0px;
}
} }
.panels { .panels {
@ -374,7 +374,7 @@ export default {
flex-grow: 1; flex-grow: 1;
} }
h3 { > h2 {
display: block; display: block;
flex-grow: 1; flex-grow: 1;
margin: 0; margin: 0;