Porządkowanie kodu, dodanie sekcji wyszukiwania kanałów

2025-12-12 19:48:53 +01:00
parent bf67147cf5
commit 5822237745
47 changed files with 17203 additions and 15686 deletions
--- a/src/styles/channels-search.css
+++ b/src/styles/channels-search.css
@@ -0,0 +1,94 @@
+  .fuz-chsearch {
+    @apply mt-6;
+  }
+
+  .fuz-chsearch__top {
+    @apply flex flex-col gap-1 mb-4;
+  }
+
+  .fuz-chsearch__input {
+    @apply w-full md:flex-1 px-4 py-3 rounded-xl border border-[--f-input-border] bg-[--f-background] text-[--f-text] outline-none focus:ring-2 focus:ring-[--btn-background];
+  }
+
+  .fuz-chsearch__meta {
+    @apply text-sm opacity-70 pl-1;
+  }
+
+  /* =========================
+     List + Row layout
+  ========================== */
+  .fuz-chsearch__list {
+    @apply flex flex-col gap-2;
+  }
+
+  /* ✅ węższa pierwsza kolumna */
+  .fuz-chsearch__row {
+    @apply grid grid-cols-1 md:grid-cols-[220px_1fr] gap-6 rounded-2xl border border-[--f-input-border] bg-[--f-background] p-4;
+  }
+
+  /* =========================
+     Column 1: Channel card
+  ========================== */
+  .fuz-chsearch__left {
+    @apply flex flex-col items-center text-center gap-1 px-2;
+  }
+
+  .fuz-chsearch__logo {
+    @apply w-14 h-14 object-contain bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-700 rounded-xl p-1 mb-1;
+  }
+
+  .fuz-chsearch__channel-name {
+    @apply font-semibold text-[--fuz-header] leading-tight;
+  }
+
+  .fuz-chsearch__channel-number {
+    @apply text-sm opacity-70;
+  }
+
+  /* =========================
+     Column 2: Description + Packages
+  ========================== */
+  .fuz-chsearch__right {
+    @apply flex flex-col gap-2;
+  }
+
+  /* opis NIE ucinany */
+  .fuz-chsearch__desc {
+    @apply text-sm md:text-base opacity-90;
+    overflow-wrap: anywhere;
+    word-break: break-word;
+  }
+
+  /* HTML jak w modalu */
+  .fuz-chsearch__desc--html :global(p) {
+    @apply mb-2;
+  }
+
+  .fuz-chsearch__desc--html :global(ol),
+  .fuz-chsearch__desc--html :global(ul) {
+    @apply pl-6 mb-2;
+  }
+
+  .fuz-chsearch__desc--html :global(li) {
+    @apply mb-1;
+  }
+
+  /* pakiety (bez gwarantowanych) */
+  .fuz-chsearch__packages {
+    @apply text-sm opacity-80;
+  }
+
+  .fuz-chsearch__pkg {
+    @apply inline text-[--btn-background];
+  }
+
+  .fuz-chsearch__pkgnum {
+    @apply opacity-70;
+  }
+
+  /* =========================
+     Empty state
+  ========================== */
+  .fuz-chsearch__empty {
+    @apply mt-2 p-4 rounded-2xl border border-slate-200 dark:border-slate-700 opacity-80;
+  }