From c494f7b4471ce9584a0cce3f2f452c98cf2b1910 Mon Sep 17 00:00:00 2001
From: Dmitry Borisenko <49808844+DmitryBorisenko33@users.noreply.github.com>
Date: Tue, 26 Oct 2021 05:38:47 +0700
Subject: [PATCH] any data after

---
 src/App.svelte             | 13 +++++++++++--
 src/widgets/Anydata.svelte |  2 ++
 src/widgets/Card.svelte    |  2 +-
 src/widgets/Input.svelte   |  2 +-
 4 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index 15e1a29..edc430f 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -139,6 +139,15 @@
       topic: "/prefix/00000-00003/tmp10",
       ws: 1,
     },
+    {
+      widget: "anydata",
+      status: "opened",
+      page: "Any data",
+      order: "3",
+      descr: "Status",
+      topic: "/prefix/00000-00003/tmp10",
+      ws: 1,
+    },
   ];
 
   //находит в массиве с виджетами wigets все уникальные названия страниц и сортирует названия по алфавиту
@@ -295,11 +304,11 @@
       @apply w-full p-2 sm:p-2 md:p-2 lg:p-2 xl:px-8 xl:py-4 2xl:px-8 2xl:py-4 bg-white rounded-lg shadow-md lg:shadow-lg;
     }
     /* 2. style for card header */
-    .card-header-gray {
+    .card-header {
       @apply text-center text-lg text-gray-500 font-bold pb-6;
     }
     /* 3. card items positioning*/
-    .card-items-psn {
+    .card-items-psn-ajustable {
       @apply flex flex-col sm:flex-row lg:flex-row xl:flex-row 2xl:flex-row mb-6 h-8 items-center;
     }
     .card-items-psn-inline {
diff --git a/src/widgets/Anydata.svelte b/src/widgets/Anydata.svelte
index 36d187e..0ba2eae 100644
--- a/src/widgets/Anydata.svelte
+++ b/src/widgets/Anydata.svelte
@@ -14,5 +14,7 @@
   <div class="widget-width-inline">
     <!-- svelte-ignore a11y-label-has-associated-control -->
     <label class="widget-anydata-style">{!widget.status ? "" : widget.status}</label>
+    <!-- svelte-ignore a11y-label-has-associated-control -->
+    <label class="widget-anydata-style">{!widget.after ? "" : widget.after}</label>
   </div>
 </div>
diff --git a/src/widgets/Card.svelte b/src/widgets/Card.svelte
index eb8a9ea..98b962f 100644
--- a/src/widgets/Card.svelte
+++ b/src/widgets/Card.svelte
@@ -3,6 +3,6 @@
 </script>
 
 <div class="card">
-  <h1 class="card-header-gray">{title}</h1>
+  <h1 class="card-header">{title}</h1>
   <slot />
 </div>
diff --git a/src/widgets/Input.svelte b/src/widgets/Input.svelte
index b5a1244..666faab 100644
--- a/src/widgets/Input.svelte
+++ b/src/widgets/Input.svelte
@@ -6,7 +6,7 @@
   export let widget;
 </script>
 
-<div class="card-items-psn">
+<div class="card-items-psn-ajustable">
   <div class="widget-descr-width-ajustable">
     <!-- svelte-ignore a11y-label-has-associated-control -->
     <label class="widget-descr-style">{!widget.descr ? "" : widget.descr}</label>