update dmview-header css

therealtimex · Nov 30, 2024 · 50fc0f5 · 50fc0f5
1 parent d28fa39
commit 50fc0f5
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 6 deletions.
diff --git a/css/rt-dmview-css-min.css b/css/rt-dmview-css-min.css
@@ -169,6 +169,23 @@ label::before {
     background: var(--color_theme_background);
 }
 
+.dmview-header {
+    text-align: center;
+    margin-bottom: var(--spacing-large);
+  }
+
+  .dmview-title {
+    color: var(--color_theme_primary);
+    font-family: var(--font-family-headers);
+    font-size: var(--font-size-large);
+    margin-bottom: var(--spacing-small);
+  }
+
+  .dmview-subtitle {
+    color: var(--color_theme_primary);
+    font-family: var(--font-family-headers);
+    font-size: var(--font-size-medium);
+  }
 
 /* Tab Navigation Styles */
 .nav-pills .nav-link {

diff --git a/js/WorkflowAI-H24-scr501.html b/js/WorkflowAI-H24-scr501.html
@@ -52,9 +52,9 @@
 
     <body>
         <main class="container">
-            <div>
-                <h2 class="text-center" style="color: var(--color_theme_primary);">##store_lb##</h2>
-                <h4 class="text-center mb-4" style="color: var(--color_theme_primary);">##store_id##</h4>
+            <div class="dmview-header">
+                <h2 class="dmview-title">##store_lb##</h2>
+                <h3 class="dmview-subtitle">##store_id##</h3>
 
                 <div class="tab-container">
                     <nav>
@@ -180,9 +180,9 @@ <h4 class="text-center mb-4" style="color: var(--color_theme_primary);">##store_
 
     <body>
         <main class="container">
-            <div>
-                <h2 class="text-center" style="color: var(--color_theme_primary);">##store_lb##</h2>
-                <h4 class="text-center mb-4" style="color: var(--color_theme_primary);">##store_id##</h4>
+            <div class="dmview-header">
+                <h2 class="dmview-title">##store_lb##</h2>
+                <h3 class="dmview-subtitle">##store_id##</h3>
 
                 <div class="tab-container">
                     <nav>