Dashboard

Ranking

Briefing

<div class="flex items-center justify-between w-full gap-2"> <span class="truncate">Streams</span> <span class="inline-flex items-center gap-1 shrink-0"> <span class="inline-flex items-center gap-0.5 text-[10px] font-bold px-1.5 py-0.5 rounded-full bg-travertine-200 text-travertine-400 dark:bg-zinc-800 dark:text-zinc-600" title="Sign in to favorite streamers and see them here" > <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-2.5 h-2.5"> <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd" /> </svg> 0 </span> <span class="inline-flex items-center text-[10px] font-bold px-1.5 py-0.5 rounded-full !text-white" style="background-color: #9146ff;" title="Featured Twitch streams currently live" > 1 </span> <span class="inline-flex items-center text-[10px] font-bold px-1.5 py-0.5 rounded-full !text-white" style="background-color: #ef4444;" title="Featured SOOP streams currently live" > 14 </span> </span> </div>

<div class="flex items-center justify-between w-full"> <span>Events</span> <span class="text-xs font-bold px-1.5 py-0.5 rounded-full bg-travertine-300 text-travertine-700 dark:bg-zinc-600 dark:text-zinc-300"> 2 </span> </div>

<div class="flex items-center justify-between w-full"> <span>Koprulu Forecast</span> <span class="text-xs font-bold px-1.5 py-0.5 rounded-full bg-travertine-300 text-travertine-700 dark:bg-zinc-600 dark:text-zinc-300"> 2 </span> </div>