Integration UI fixes (#9647)

Signed-off-by: Artem Savchenko <[email protected]>

Author: ArtyomSavchenko

packages/ui/src/components/StatusBadge.svelte

@@ -18,13 +18,13 @@
     user-select: none;
     color: var(--theme-content-color);
     &.OK {
-      color: var(--theme-won-color);
+      color: var(--theme-state-positive-color);
     }
     &.WARNING {
       color: var(--theme-warning-color);
     }
     &.ERROR {
-      color: var(--theme-lost-color);
+      color: var(--theme-state-negative-color);
     }
   }
 

plugins/setting-resources/src/components/integrations/Integrations.svelte

@@ -288,7 +288,7 @@
   .cards_grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
-    grid-auto-rows: minmax(13.5rem, auto);
+    grid-auto-rows: minmax(14.5rem, auto);
     grid-gap: 1.5rem;
     padding: 1.5rem;
     overflow: auto;

plugins/telegram-resources/src/components/Configure.svelte

@@ -510,7 +510,8 @@
   <svelte:fragment slot="footer">
     <div class="footer-container">
       <span class="text-normal font-medium content-color">
-        <Label label={telegram.string.SyncedChannels} />: {syncedChannelsCount}
+        <Label label={telegram.string.SyncedChannels} />
+        {syncedChannelsCount}
       </span>
     </div>
   </svelte:fragment>
@@ -525,12 +526,6 @@
     overflow: hidden;
   }
 
-  .search-section {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-  }
-
   .actions-container {
     display: flex;
     align-items: center;
@@ -542,12 +537,6 @@
     gap: 0.75rem;
   }
 
-  .search-results {
-    font-size: 0.875rem;
-    color: var(--theme-content-trans-color);
-    padding-left: 0.5rem;
-  }
-
   .no-results {
     display: flex;
     justify-content: center;
@@ -589,32 +578,6 @@
     }
   }
 
-  .header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 1rem;
-    border-bottom: 1px solid var(--theme-bg-divider-color);
-  }
-
-  .selection-controls {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-  }
-
-  .bulk-actions {
-    display: flex;
-    align-items: center;
-    gap: 0.75rem;
-  }
-
-  .selected-count {
-    font-size: 0.875rem;
-    color: var(--theme-content-color);
-    font-weight: 500;
-  }
-
   .error-container {
     display: flex;
     align-items: center;
@@ -685,11 +648,6 @@
     padding-right: 1rem;
   }
 
-  .sync-label {
-    font-size: 0.875rem;
-    color: var(--theme-dark-color);
-  }
-
   .channel-access {
     min-width: 100px;
   }