Merge pull request #904 from Budibase/Issue-856---invalid-chart-options-text

Text changed

packages/standard-components/src/Card.svelte

@@ -29,11 +29,19 @@
   class="container"
   use:styleable={$component.styles}
   style="--cardWidth: {cardWidth}">
-  {#if showImage}<img style="--imageWidth: {imageWidth}; --imageHeight: {imageHeight}" class="image" src={imageUrl} alt="" />{/if}
+  {#if showImage}
+    <img
+      style="--imageWidth: {imageWidth}; --imageHeight: {imageHeight}"
+      class="image"
+      src={imageUrl}
+      alt="" />
+  {/if}
   <div class="content">
     <h2 class="heading">{heading}</h2>
     <h4 class="text">{description}</h4>
-    <a style="--linkColor: {linkColor}; --linkHoverColor: {linkHoverColor}" href={linkUrl}>{linkText}</a>
+    <a
+      style="--linkColor: {linkColor}; --linkHoverColor: {linkHoverColor}"
+      href={linkUrl}>{linkText}</a>
   </div>
 </div>
 

packages/standard-components/src/CardHorizontal.svelte

@@ -24,7 +24,13 @@
   use:styleable={$component.styles}
   class="container"
   style="--cardWidth: {cardWidth}">
-  {#if showImage}<img style="--imageWidth: {imageWidth}; --imageHeight: {imageHeight}" class="image" src={imageUrl} alt="" />{/if}
+  {#if showImage}
+    <img
+      style="--imageWidth: {imageWidth}; --imageHeight: {imageHeight}"
+      class="image"
+      src={imageUrl}
+      alt="" />
+  {/if}
   <div class="content">
     <main>
       <h2 class="heading">{heading}</h2>
@@ -32,7 +38,9 @@
     </main>
     <footer>
       <p class="subtext">{subtext}</p>
-      <a style="--linkColor: {linkColor}; --linkHoverColor: {linkHoverColor}" href={linkUrl}>{linkText}</a>
+      <a
+        style="--linkColor: {linkColor}; --linkHoverColor: {linkHoverColor}"
+        href={linkUrl}>{linkText}</a>
     </footer>
   </div>
 </div>

packages/standard-components/src/charts/ApexChart.svelte

@@ -11,7 +11,9 @@
 {#if options}
   <div use:chart={options} use:styleable={$component.styles} />
 {:else if options === false}
-  <div use:styleable={$component.styles}>Invalid chart options</div>
+  <div use:styleable={$component.styles}>
+    Use the settings panel to build your chart -->
+  </div>
 {/if}
 
 <style>