fixes

2023-09-01 14:50:43 +00:00
parent 8b955bdae6
commit 9a4270e4dd
4 changed files with 24 additions and 8 deletions
--- a/frontend/src/lib/components/Pagebuilder/Pagebuilder.svelte
+++ b/frontend/src/lib/components/Pagebuilder/Pagebuilder.svelte
@@ -39,10 +39,7 @@

 {#if Object.keys(row).length}
    {#if row.topTitle}
-        <h3
-            style="{row.topTitleUpperCase ? 'text-transform: uppercase; font-size: 0.7rem;' : 'font-size: 1.6rem'}"
-            class:red="{row.topTitleRed}"
-        >
+        <h3 class="{row.topTitleUpperCase ? 'hph3' : 'nmh3'}" class:red="{row.topTitleRed}">
            {row.topTitle}
        </h3>
    {/if}
@@ -183,4 +180,15 @@
            min-width: 0;
        }
    }
+
+    .hph3 {
+        text-transform: uppercase;
+        font-size: 0.7rem;
+    }
+    .nmh3 {
+        font-size: 1rem;
+        @media @tablet {
+            font-size: 1.6rem;
+        }
+    }
 </style>