self-hosted/algora-tv
1
0
Fork 0
mirror of https://github.com/algora-io/tv.git synced 2025-03-27 20:20:18 +02:00
Code Releases Activity

update homepage mobile layout

Browse Source
This commit is contained in:
zafer 2024-06-09 22:57:36 +03:00
parent 2b46096254
commit 115cdd6cd7
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
lib/algora_web/live/home_live.ex
View File

@ -13,13 +13,13 @@ defmodule AlgoraWeb.HomeLive do
<p class="text-xl font-medium text-gray-200 italic">You'll never ship alone!</p> <p class="text-xl font-medium text-gray-200 italic">You'll never ship alone!</p>
</.header> </.header>
<div :if={@livestream} class="flex items-center justify-center gap-4"> <div :if={@livestream} class="flex flex-col sm:flex-row items-center justify-center gap-4">
<div class="w-full max-w-3xl"> <div class="w-full max-w-3xl">
<.live_component module={PlayerComponent} id="home-player" /> <.live_component module={PlayerComponent} id="home-player" />
</div> </div>
<.link <.link
href={"/#{@livestream.channel_handle}/#{@livestream.id}"} href={"/#{@livestream.channel_handle}/#{@livestream.id}"}
class="max-w-sm p-6 bg-gray-800/40 hover:bg-gray-800/60 overflow-hidden lg:rounded-2xl shadow-inner shadow-white/[10%] lg:border border-white/[15%] hover:border/white/[20%]" class="w-full max-w-sm p-6 bg-gray-800/40 hover:bg-gray-800/60 overflow-hidden rounded-lg lg:rounded-2xl shadow-inner shadow-white/[10%] lg:border border-white/[15%] hover:border/white/[20%]"
> >
<div class="flex items-center gap-4"> <div class="flex items-center gap-4">
<div class="relative h-20 w-20 shrink-0"> <div class="relative h-20 w-20 shrink-0">

2
lib/algora_web/live/player_component.ex
View File

@ -10,7 +10,7 @@ defmodule AlgoraWeb.PlayerComponent do
<video <video
id={@id} id={@id}
phx-hook="VideoPlayer" phx-hook="VideoPlayer"
class="video-js vjs-default-skin aspect-video h-full w-full flex-1 lg:rounded-2xl overflow-hidden" class="video-js vjs-default-skin aspect-video h-full w-full flex-1 rounded-lg lg:rounded-2xl overflow-hidden"
controls controls
/> />
""" """