moved some widgets to elements

2026-04-20 01:55:59 +00:00 · 2021-03-06 08:09:29 +01:00
parent dcfd6ee1dc
commit 78d71602bf
20 changed files with 19 additions and 19 deletions
--- a/packages/web/src/elements/ErrorInfo.svelte
+++ b/packages/web/src/elements/ErrorInfo.svelte
@@ -0,0 +1,38 @@
+<script lang="ts">
+  import FontIcon from '../icons/FontIcon.svelte';
+
+  export let message;
+  export let icon = 'img error';
+  export let isSmall = false;
+</script>
+
+{#if isSmall}
+  <div class="container-small">
+    <FontIcon {icon} />
+    {message}
+  </div>
+{:else}
+  <div class="container">
+    <div class="icon">
+      <FontIcon {icon} />
+    </div>
+    {message}
+  </div>
+{/if}
+
+<style>
+  .container {
+    display: flex;
+    align-items: center;
+    margin-right: 10px;
+  }
+  .icon {
+    font-size: 20pt;
+    margin: 10px;
+  }
+
+  .container-small {
+    display: flex;
+    margin-right: 10px;
+  }
+</style>