self-hosted/algora-tv
1
0
Fork 0
mirror of https://github.com/algora-io/tv.git synced 2025-03-17 20:17:45 +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>
</.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">
<.live_component module={PlayerComponent} id="home-player" />
</div>
<.link
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="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
id={@id}
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
/>
"""