Creepso/migu
1
0
Fork 0
mirror of https://github.com/NoCrypt/migu.git synced 2026-04-21 00:22:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: correct optical size of player icons

Browse source
This commit is contained in:
ThaUnknown 2024-08-24 12:57:58 +02:00 committed by NoCrypt
parent 8f4e715d7d
commit 62c1ea045b
1 changed files with 18 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
common/views/Player/Player.svelte
View file

@ -1155,7 +1155,7 @@
</div> </div>
</div> </div>
<div class='d-flex col-4 justify-content-center'> <div class='d-flex col-4 justify-content-center'>
<span class='icon'><Users size='3rem' class='pt-5' /> </span> <span class='icon'><Users size='3rem' class='pt-5' strokeWidth={3} /> </span>
<span class='stats'>{torrent.peers || 0}</span> <span class='stats'>{torrent.peers || 0}</span>
<span class='icon'><ArrowDown size='3rem' /></span> <span class='icon'><ArrowDown size='3rem' /></span>
<span class='stats'>{fastPrettyBytes(torrent.down)}/s</span> <span class='stats'>{fastPrettyBytes(torrent.down)}/s</span>
@ -1245,16 +1245,16 @@
{#if playbackRate !== 1} {#if playbackRate !== 1}
<div class='ts mr-auto'>x{playbackRate.toFixed(1)}</div> <div class='ts mr-auto'>x{playbackRate.toFixed(1)}</div>
{/if} {/if}
<span class='icon ctrl m-5 keybinds' title='Keybinds [`]' use:click={() => (showKeybinds = true)}> <span class='icon ctrl mr-5 d-flex align-items-center keybinds' title='Keybinds [`]' use:click={() => (showKeybinds = true)}>
<Keyboard size='2rem' /> <Keyboard size='2.5rem' strokeWidth={2.5} />
</span> </span>
{#if SUPPORTS.isAndroid} {#if SUPPORTS.isAndroid}
<span class='material-symbols-outlined ctrl' use:click={() => (isLocked = true)}> lock </span> <span class='material-symbols-outlined ctrl' use:click={() => (isLocked = true)}> lock </span>
{/if} {/if}
{#if 'audioTracks' in HTMLVideoElement.prototype && video?.audioTracks?.length > 1} {#if 'audioTracks' in HTMLVideoElement.prototype && video?.audioTracks?.length > 1}
<div class='dropdown dropup with-arrow' use:click={toggleDropdown}> <div class='dropdown dropup with-arrow' use:click={toggleDropdown}>
<span class='icon ctrl m-5' title='Audio Tracks'> <span class='icon ctrl mr-5 d-flex align-items-center' title='Audio Tracks'>
<ListMusic size='2rem' /> <ListMusic size='2.5rem' strokeWidth={2.5} />
</span> </span>
<div class='dropdown-menu dropdown-menu-left ctrl custom-radio p-10 pb-5 text-capitalize'> <div class='dropdown-menu dropdown-menu-left ctrl custom-radio p-10 pb-5 text-capitalize'>
{#each video.audioTracks as track} {#each video.audioTracks as track}
@ -1268,8 +1268,8 @@
{/if} {/if}
{#if 'videoTracks' in HTMLVideoElement.prototype && video?.videoTracks?.length > 1} {#if 'videoTracks' in HTMLVideoElement.prototype && video?.videoTracks?.length > 1}
<div class='dropdown dropup with-arrow'> <div class='dropdown dropup with-arrow'>
<span class='icon ctrl m-5' title='Video Tracks'> <span class='icon ctrl mr-5 d-flex align-items-center' title='Video Tracks'>
<ListVideo size='2rem' /> <ListVideo size='2.5rem' strokeWidth={2.5} />
</span> </span>
<div class='dropdown-menu dropdown-menu-left ctrl custom-radio p-10 pb-5 text-capitalize'> <div class='dropdown-menu dropdown-menu-left ctrl custom-radio p-10 pb-5 text-capitalize'>
{#each video.videoTracks as track} {#each video.videoTracks as track}
@ -1283,8 +1283,8 @@
{/if} {/if}
{#if subHeaders?.length} {#if subHeaders?.length}
<div class='subtitles dropdown dropup with-arrow' use:click={toggleDropdown}> <div class='subtitles dropdown dropup with-arrow' use:click={toggleDropdown}>
<span class='icon ctrl m-5' title='Subtitles [C]'> <span class='icon ctrl mr-5 d-flex align-items-center' title='Subtitles [C]'>
<Captions size='2rem' /> <Captions size='2.5rem'strokeWidth={2.5} />
</span> </span>
<div class='dropdown-menu dropdown-menu-right ctrl custom-radio p-10 pb-5 text-capitalize'> <div class='dropdown-menu dropdown-menu-right ctrl custom-radio p-10 pb-5 text-capitalize'>
<input name='subtitle-radio-set' type='radio' id='subtitle-off-radio' value='off' checked={subHeaders && subs?.current === -1} /> <input name='subtitle-radio-set' type='radio' id='subtitle-off-radio' value='off' checked={subHeaders && subs?.current === -1} />
@ -1302,28 +1302,28 @@
</div> </div>
{/if} {/if}
{#if 'PresentationRequest' in window && canCast && current} {#if 'PresentationRequest' in window && canCast && current}
<span class='icon ctrl m-5' title='Cast Video [D]' data-name='toggleCast' use:click={toggleCast}> <span class='icon ctrl mr-5 d-flex align-items-center' title='Cast Video [D]' data-name='toggleCast' use:click={toggleCast}>
{#if presentationConnection} {#if presentationConnection}
<Cast size='2rem' fill='white' strokeWidth={0} /> <Cast size='2.5rem' fill='white' strokeWidth={0} />
{:else} {:else}
<Cast size='2rem' /> <Cast size='2.5rem'strokeWidth={2.5} />
{/if} {/if}
</span> </span>
{/if} {/if}
{#if 'pictureInPictureEnabled' in document} {#if 'pictureInPictureEnabled' in document}
<span class='icon ctrl m-5' title='Popout Window [P]' data-name='togglePopout' use:click={togglePopout}> <span class='icon ctrl mr-5 d-flex align-items-center' title='Popout Window [P]' data-name='togglePopout' use:click={togglePopout}>
{#if pip} {#if pip}
<PictureInPicture size='2rem' /> <PictureInPicture size='2.5rem' strokeWidth={2.5} />
{:else} {:else}
<PictureInPicture2 size='2rem' /> <PictureInPicture2 size='2.5rem'strokeWidth={2.5} />
{/if} {/if}
</span> </span>
{/if} {/if}
<span class='icon ctrl m-5' title='Fullscreen [F]' data-name='toggleFullscreen' use:click={toggleFullscreen}> <span class='icon ctrl mr-5 d-flex align-items-center' title='Fullscreen [F]' data-name='toggleFullscreen' use:click={toggleFullscreen}>
{#if isFullscreen} {#if isFullscreen}
<Minimize size='2rem' /> <Minimize size='2.5rem' strokeWidth={2.5} />
{:else} {:else}
<Maximize size='2rem' /> <Maximize size='2.5rem' strokeWidth={2.5} />
{/if} {/if}
</span> </span>
</div> </div>