fix: Improve empty state for mermaid diagrams

2023-07-29 21:12:55 -04:00
parent b88670b58d
commit 30e63e022c
2 changed files with 16 additions and 3 deletions
--- a/shared/editor/components/Styles.ts
+++ b/shared/editor/components/Styles.ts
@@ -1089,6 +1089,7 @@ mark {
  display: flex;
  align-items: center;
  justify-content: center;
+  min-height: 1.6em;
  background: ${props.theme.codeBackground};
  border-radius: 6px;
  border: 1px solid ${props.theme.codeBorder};
@@ -1100,6 +1101,11 @@ mark {
    font-family: ${props.theme.fontFamily};
  }

+  &.empty {
+    font-size: 14px;
+    color: ${props.theme.placeholder};
+  }
+
  &.parse-error {
    font-size: 14px;
    color: ${props.theme.brand.red};