minor UI improvements

This commit is contained in:
ThaUnknown 2022-04-24 02:25:58 +02:00
parent a11516e088
commit 36d267be26
4 changed files with 15 additions and 4 deletions

View file

@ -1,6 +1,6 @@
{
"name": "Miru",
"version": "2.0.0",
"version": "2.0.1",
"author": "ThaUnknown_ <ThaUnknown@users.noreply.github.com>",
"main": "src/index.js",
"homepage": "https://github.com/ThaUnknown/miru#readme",

View file

@ -166,4 +166,7 @@
select.form-control:invalid {
color: var(--dm-input-placeholder-text-color);
}
.font-size-30 {
font-size: 3rem !important;
}
</style>

View file

@ -14,9 +14,11 @@
<button class="btn btn-danger ml-20 btn-lg" type="button" on:click={cleanup}>Leave lobby</button>
</div>
{#each Object.values(peers) as peer}
<div class="d-flex align-items-center ">
<div class="d-flex align-items-center pb-10">
{#if peer.user?.avatar?.medium}
<img src={peer.user?.avatar?.medium} alt="avatar" class="w-50 img-fluid rounded" />
<img src={peer.user?.avatar?.medium} alt="avatar" class="w-50 h-50 img-fluid rounded" />
{:else}
<span class="material-icons w-50 h-50 anon"> person </span>
{/if}
<h4 class="my-0 pl-20 mr-auto">{peer.user?.name || 'Anonymous'}</h4>
{#if peer.user?.name}
@ -28,3 +30,9 @@
</div>
{/each}
</div>
<style>
.anon {
font-size: 5rem;
}
</style>

View file

@ -119,7 +119,7 @@ class TorrentClient extends WebTorrent {
break
}
case 'torrent': {
if (this.torrents.length) this.remove(client.torrents[0].infoHash)
if (this.torrents.length) this.remove(this.torrents[0].infoHash)
const id = typeof data.data !== 'string' ? Buffer.from(data.data) : data.data
this.add(id, {