docs: Add red circle to indicate Live Preview

reactive · Sep 10, 2023 · 8df9c89 · 8df9c89
1 parent ba2d96c
commit 8df9c89
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/website/src/components/Playground/DesignSystem/Formatted.tsx b/website/src/components/Playground/DesignSystem/Formatted.tsx
@@ -73,9 +73,9 @@ export const Formatted = ({
   downColor = '#d43215',
   formatter,
   formatterFn,
-  timeout = 300,
+  timeout = 200,
   transition,
-  transitionLength = 300,
+  transitionLength = 200,
   upColor = '#00d865',
   value,
   stylePrefix = 'rvf_Flash',

diff --git a/website/src/components/Playground/PreviewWrapper.tsx b/website/src/components/Playground/PreviewWrapper.tsx
@@ -14,7 +14,7 @@ export default function PreviewWrapper({ children }: Props) {
           id="theme.Playground.result"
           description="The result label of the live codeblocks"
         >
-          Live Preview
+          🔴 Live Preview
         </Translate>
       </Header>
       <div className={styles.playgroundResult}>{children}</div>