Creepso/migu
1
0
Fork 0
mirror of https://github.com/NoCrypt/migu.git synced 2026-03-11 17:45:32 +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 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='icon'><ArrowDown size='3rem' /></span>
<span class='stats'>{fastPrettyBytes(torrent.down)}/s</span>
@ -1245,16 +1245,16 @@
{#if playbackRate !== 1}
<div class='ts mr-auto'>x{playbackRate.toFixed(1)}</div>
{/if}
<span class='icon ctrl m-5 keybinds' title='Keybinds [`]' use:click={() => (showKeybinds = true)}>
<Keyboard size='2rem' />
<span class='icon ctrl mr-5 d-flex align-items-center keybinds' title='Keybinds [`]' use:click={() => (showKeybinds = true)}>
<Keyboard size='2.5rem' strokeWidth={2.5} />
</span>
{#if SUPPORTS.isAndroid}
<span class='material-symbols-outlined ctrl' use:click={() => (isLocked = true)}> lock </span>
{/if}
{#if 'audioTracks' in HTMLVideoElement.prototype && video?.audioTracks?.length > 1}
<div class='dropdown dropup with-arrow' use:click={toggleDropdown}>
<span class='icon ctrl m-5' title='Audio Tracks'>
<ListMusic size='2rem' />
<span class='icon ctrl mr-5 d-flex align-items-center' title='Audio Tracks'>
<ListMusic size='2.5rem' strokeWidth={2.5} />
</span>
<div class='dropdown-menu dropdown-menu-left ctrl custom-radio p-10 pb-5 text-capitalize'>
{#each video.audioTracks as track}
@ -1268,8 +1268,8 @@
{/if}
{#if 'videoTracks' in HTMLVideoElement.prototype && video?.videoTracks?.length > 1}
<div class='dropdown dropup with-arrow'>
<span class='icon ctrl m-5' title='Video Tracks'>
<ListVideo size='2rem' />
<span class='icon ctrl mr-5 d-flex align-items-center' title='Video Tracks'>
<ListVideo size='2.5rem' strokeWidth={2.5} />
</span>
<div class='dropdown-menu dropdown-menu-left ctrl custom-radio p-10 pb-5 text-capitalize'>
{#each video.videoTracks as track}
@ -1283,8 +1283,8 @@
{/if}
{#if subHeaders?.length}
<div class='subtitles dropdown dropup with-arrow' use:click={toggleDropdown}>
<span class='icon ctrl m-5' title='Subtitles [C]'>
<Captions size='2rem' />
<span class='icon ctrl mr-5 d-flex align-items-center' title='Subtitles [C]'>
<Captions size='2.5rem'strokeWidth={2.5} />
</span>
<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} />
@ -1302,28 +1302,28 @@
</div>
{/if}
{#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}
<Cast size='2rem' fill='white' strokeWidth={0} />
<Cast size='2.5rem' fill='white' strokeWidth={0} />
{:else}
<Cast size='2rem' />
<Cast size='2.5rem'strokeWidth={2.5} />
{/if}
</span>
{/if}
{#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}
<PictureInPicture size='2rem' />
<PictureInPicture size='2.5rem' strokeWidth={2.5} />
{:else}
<PictureInPicture2 size='2rem' />
<PictureInPicture2 size='2.5rem'strokeWidth={2.5} />
{/if}
</span>
{/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}
<Minimize size='2rem' />
<Minimize size='2.5rem' strokeWidth={2.5} />
{:else}
<Maximize size='2rem' />
<Maximize size='2.5rem' strokeWidth={2.5} />
{/if}
</span>
</div>