From d52ca95143622b35e930af3b6a303f2096f19b3c Mon Sep 17 00:00:00 2001
From: "Jan C. Borchardt" <hey@jancborchardt.net>
Date: Thu, 20 Aug 2020 18:07:07 +0200
Subject: [PATCH] Dashboard: Move panels to more semantically correct h2
Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
---
apps/dashboard/src/App.vue | 20 ++++++++++----------
1 file 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;
--
GitLab