mirror of
https://github.com/ThaUnknown/miru.git
synced 2026-03-11 22:15:35 +00:00
fix: temp UI for app chat title/watch together title, UI needs redesign badly
Some checks are pending
Check / check (push) Waiting to run
Some checks are pending
Check / check (push) Waiting to run
This commit is contained in:
parent
4969644374
commit
d89b007c9e
5 changed files with 15 additions and 7 deletions
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in a new issue