Channels dodany opis kliknij

src/content/document/documents.yaml

@@ -17,3 +17,5 @@ grupy:
     pliki:
       - nazwa: Polityka prywatności
         slug: polityka-prywatnosci
+      - nazwa: Promocja przykład do wyswietlenia
+        slug: promocja

src/islands/jambox/JamboxChannelsModal.jsx

@@ -158,6 +158,11 @@ export default function JamboxChannelsModal({ isOpen, onClose, pkg }) {
                               loading="lazy"
                             />
                           )}
+
+                          <div class="jmb-channel-hint-mobile">
+                            Kliknij, aby zobaczyć opis
+                          </div>
+
                           <div class="jmb-channel-name">{ch.name}</div>
 
 

src/styles/jambox-modal-channel.css

@@ -83,9 +83,9 @@
   }
 
   .jmb-channel-name {
-    font-size: 0.85rem;
+     @apply text-xl;
-    font-weight: 600;
+    /* font-weight: 600;
-    margin-bottom: 0.15rem;
+    margin-bottom: 0.15rem; */
   }
 
   .jmb-channel-number {
@@ -122,3 +122,19 @@
   .jmb-channel-desc::-webkit-scrollbar-track {
     background: transparent;
   }
+
+
+  .jmb-channel-hint-mobile {
+  @apply md:hidden;
+  @apply text-sm leading-tight;
+  @apply uppercase tracking-wide;
+  @apply opacity-60;
+  @apply mb-1;
+  @apply select-none pointer-events-none;
+}
+
+/* opcjonalnie: delikatna ikonka dotyku */
+.jmb-channel-hint-mobile::before {
+  content: "👆 ";
+  @apply opacity-70;
+}