fix: temp UI for app chat title/watch together title, UI needs redesign badly
Some checks are pending
Check / check (push) Waiting to run

This commit is contained in:
ThaUnknown 2025-06-28 20:16:32 +02:00
parent 4969644374
commit d89b007c9e
No known key found for this signature in database
5 changed files with 15 additions and 7 deletions

View file

@ -1,6 +1,6 @@
{
"name": "ui",
"version": "6.4.4",
"version": "6.4.5",
"license": "BUSL-1.1",
"private": true,
"packageManager": "pnpm@9.14.4",

View file

@ -11,7 +11,7 @@
$: processed = Object.entries(users)
</script>
<div class='flex flex-col w-72 max-w-full px-5 overflow-hidden'>
<div class='flex flex-col w-full md:w-72 max-w-full px-5 overflow-y-auto md:max-h-full max-h-[40%]'>
<div class='text-md font-bold pl-1 pb-2'>
{processed.length} Member(s)
</div>

View file

@ -49,8 +49,11 @@
<div class='flex flex-col w-full relative px-md-4 h-full overflow-hidden'>
<div class='flex md:flex-row flex-col-reverse w-full h-full pt-4'>
<div class='flex flex-col justify-end overflow-hidden flex-grow px-4 md:pb-4'>
<Messages messages={client.messages} />
<div class='flex flex-col justify-end overflow-clip flex-grow px-4 pb-4 h-full min-h-0'>
<div class='mb-auto hidden md:block text-center font-bold text-lg'>Global App Chat</div>
<div class='h-full overflow-y-scroll min-h-0 w-full'>
<Messages messages={client.messages} />
</div>
<div class='flex mt-4 gap-2'>
<Button on:click={quit} size='icon' class='border-0 shrink-0' variant='outline'>
<DoorOpen size={18} />
@ -68,5 +71,6 @@
</div>
</div>
<UserList users={processedUsers} />
<div class='md:hidden px-6 text-center font-bold text-lg'>Global App Chat</div>
</div>
</div>

View file

@ -7,7 +7,7 @@ import { w2globby } from '$lib/modules/w2g/lobby'
export function load () {
const lastVal = get(server.last)
w2globby.value ??= new W2GClient(generateRandomHexCode(16), true, lastVal?.media.id ? { mediaId: lastVal.media.id, episode: lastVal.episode, torrent: lastVal.id } : undefined)
w2globby.value ??= new W2GClient(generateRandomHexCode(8), true, lastVal?.media.id ? { mediaId: lastVal.media.id, episode: lastVal.episode, torrent: lastVal.id } : undefined)
redirect(302, '/app/w2g/' + w2globby.value.code)
}

View file

@ -60,8 +60,11 @@
<div class='flex flex-col w-full relative px-md-4 h-full overflow-hidden'>
<div class='flex md:flex-row flex-col-reverse w-full h-full pt-4'>
<div class='flex flex-col justify-end overflow-hidden flex-grow px-4 pb-4'>
<Messages {messages} />
<div class='flex flex-col justify-end overflow-clip flex-grow px-4 pb-4 h-full min-h-0'>
<div class='mb-auto hidden md:block text-center font-bold text-lg'>Watch Together {$w2globby?.code}</div>
<div class='h-full overflow-y-scroll min-h-0 w-full'>
<Messages {messages} />
</div>
<div class='flex mt-4 gap-2'>
<Button on:click={quit} size='icon' class='border-0 shrink-0' variant='outline'>
<DoorOpen size={18} />
@ -82,5 +85,6 @@
</div>
</div>
<UserList users={prcoessedUsers} />
<div class='md:hidden px-6 text-center font-bold text-lg'>Watch Together {$w2globby?.code}</div>
</div>
</div>