Merge pull request #328 from FlowFuse/184-text-layout

UI Text: Reintroduce the `ui-text` dynamic layout class & make (default) font sizing consistent
FlowFuse · Nov 8, 2023 · 56c9f2f · 56c9f2f
2 parents 7a5b6b6 + 82b9722
commit 56c9f2f
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/ui/src/widgets/ui-text/UIText.vue b/ui/src/widgets/ui-text/UIText.vue
@@ -1,5 +1,5 @@
 <template>
-    <div :style="props.style">
+    <div class="nrdb-ui-text" :class="'nrdb-ui-text--' + props.layout" :style="props.style">
         <label class="nrdb-ui-text-label">{{ props.label }}</label>
         <span class="nrdb-ui-text-value">{{ value !== null ? value : 'No Message Received' }}</span>
     </div>
@@ -34,6 +34,7 @@ export default {
     display: flex;
     flex-direction: row;
     gap: 2px;
+    font-size: 1rem;
 }
 .nrdb-ui-text-value {
     font-weight: 600;