mirror of
https://github.com/PR0M3TH3AN/bitvid.git
synced 2026-10-27 07:52:24 +00:00
google-labs-jules[bot]
ba28ceaf09
- Added info buttons to Most Recent, Subscriptions, History, Channel Profile, Search, and Explore views - Attached popovers with descriptions of feed filtration methods - Used `attachFeedInfoPopover` helper for consistent implementation - Verified with Playwright script (verified popover visibility and text content)
57 lines
1.5 KiB
HTML
57 lines
1.5 KiB
HTML
<div class="fade-in bv-stack">
|
|
<header class="flex items-center gap-2 mb-4">
|
|
<h1
|
|
id="searchTitle"
|
|
class="text-2xl font-bold tracking-tight text-text-strong"
|
|
>
|
|
Search Results
|
|
</h1>
|
|
<button
|
|
type="button"
|
|
id="searchInfoTrigger"
|
|
class="text-muted hover:text-text focus:outline-none transition-colors"
|
|
aria-label="How is this feed sorted?"
|
|
>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
class="w-5 h-5"
|
|
aria-hidden="true"
|
|
>
|
|
<circle cx="12" cy="12" r="10"></circle>
|
|
<line x1="12" y1="16" x2="12" y2="12"></line>
|
|
<line x1="12" y1="8" x2="12.01" y2="8"></line>
|
|
</svg>
|
|
</button>
|
|
</header>
|
|
|
|
<section class="bv-stack">
|
|
<h2 class="text-lg font-semibold uppercase tracking-wide text-muted-strong">
|
|
Channels
|
|
</h2>
|
|
<div
|
|
id="searchChannelList"
|
|
class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"
|
|
>
|
|
<!-- Channel cards injected here -->
|
|
</div>
|
|
</section>
|
|
|
|
<section class="bv-stack mt-8">
|
|
<h2 class="text-lg font-semibold uppercase tracking-wide text-muted-strong">
|
|
Videos
|
|
</h2>
|
|
<div
|
|
id="searchVideoList"
|
|
class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"
|
|
>
|
|
<!-- Video cards injected here -->
|
|
</div>
|
|
</section>
|
|
</div>
|