diff options
author | Jan C. Borchardt <hey@jancborchardt.net> | 2020-08-20 19:07:07 +0300 |
---|---|---|
committer | Jan C. Borchardt <hey@jancborchardt.net> | 2020-08-20 19:07:07 +0300 |
commit | d52ca95143622b35e930af3b6a303f2096f19b3c (patch) | |
tree | e622070c9b3047b8aed39325fd3e1eda59d0882f | |
parent | 65b5e651851ce0270de2b5087dc42fd3aa7cae31 (diff) |
Dashboard: Move panels to more semantically correct h2
Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
-rw-r--r-- | apps/dashboard/src/App.vue | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/apps/dashboard/src/App.vue b/apps/dashboard/src/App.vue index eb745252b12..547f6af9ece 100644 --- a/apps/dashboard/src/App.vue +++ b/apps/dashboard/src/App.vue @@ -15,9 +15,9 @@ @end="saveLayout"> <div v-for="panelId in layout" :key="panels[panelId].id" class="panel"> <div class="panel--header"> - <h3 :class="panels[panelId].iconClass"> + <h2 :class="panels[panelId].iconClass"> {{ panels[panelId].title }} - </h3> + </h2> </div> <div class="panel--content"> <div :ref="panels[panelId].id" :data-id="panels[panelId].id" /> @@ -313,14 +313,14 @@ export default { background-color: var(--color-main-background); --color-background-translucent: var(--color-main-background); } - } - h2 { - color: var(--color-primary-text); - text-align: center; - font-size: 32px; - line-height: 130%; - padding: 120px 16px 0px; + > h2 { + color: var(--color-primary-text); + text-align: center; + font-size: 32px; + line-height: 130%; + padding: 120px 16px 0px; + } } .panels { @@ -374,7 +374,7 @@ export default { flex-grow: 1; } - h3 { + > h2 { display: block; flex-grow: 1; margin: 0; |