From bb05df30dc1ba8fdca6a59a8890555d1b68ced31 Mon Sep 17 00:00:00 2001 From: Ed Asriyan Date: Fri, 23 Feb 2024 21:56:38 +0400 Subject: [PATCH] Update layout --- src/routes/+page.svelte | 139 +++++++++++++++++++---------------- src/routes/video-view.svelte | 12 +++ 2 files changed, 86 insertions(+), 65 deletions(-) diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index c6561a9..cf51a26 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -52,75 +52,85 @@ {:else} -
-
-
-

-
Watch movies together anytime, anywhere
-
-
-

1. Select a video

- - {#if $localRoom.isLocalMode} +
+
+

+
Watch movies together anytime, anywhere
+
+
+

1. Select a video

+ + {#if $localRoom.isLocalMode}
You all downloaded a movie already!? Well done! Everyone should select the same video file, please.
- - {:else} -
- Insert a link to YouTube, Vimeo, HLS playlist, video or audio file. The input is synchronized with everyone in the room. -
- - {/if} + + {:else} +
+ Insert a link to YouTube, Vimeo, HLS playlist, video or audio file. The input is synchronized with everyone in the room.
+ + {/if}
-
-
-

2. Share the link to this room with who you want to watch a movie with

- -
- -
Click the link to copy it to the clipboard
+
+
+
+

2. Share the link to this room with who you want to watch a movie with

+ +
+
+ {$page.url}
+
Click the link to copy it to the clipboard
-
-
-

3. Watch the movie together!

-
- Playback, time, and video scrolling are synchronized with everyone who has the page open. -
-
- {#if playUrl} - - {:else} -
- Video player will appear here when you insert a link or select a video -
- {/if} -
- Powered by - · Svelte - · Firebase - · Vidstack - · UIkit +
+
+
+

3. Watch the movie together!

+
+ Playback, time, and video scrolling are synchronized with everyone who has the page open. +
+
+ {#if playUrl} + + {:else} +
+ Video player will appear here when you insert a link or select a video
+ {/if} +
+
+
+ Powered by + · Svelte + · Firebase + · Vidstack + · UIkit +
+ + +
@@ -139,11 +149,6 @@ cursor: pointer; } - .stub { - line-height: 20rem; - vertical-align: center; - } - .loader { position: absolute; height: 100vh; @@ -152,8 +157,12 @@ place-items: center; } - .watch { - height: 100vh; + .window-height { + min-height: 100vh; + } + + .window-width { + min-width: 100vw;; } .uk-subnav-pill > .uk-active > a { diff --git a/src/routes/video-view.svelte b/src/routes/video-view.svelte index 6f2b794..3773d96 100644 --- a/src/routes/video-view.svelte +++ b/src/routes/video-view.svelte @@ -41,6 +41,7 @@ {#if isBlob}