diff --git a/package.json b/package.json index 5d0cb7d..a96a129 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "ui", - "version": "6.3.37", + "version": "6.3.38", "license": "BUSL-1.1", "private": true, "packageManager": "pnpm@9.14.4", diff --git a/src/app.css b/src/app.css index ba2d8b4..3a4c018 100644 --- a/src/app.css +++ b/src/app.css @@ -166,18 +166,24 @@ a { color: #737373 !important; } -a[href]:active, -button:not([disabled], .no-scale):active, -.scale-parent:has(.no-scale:active), -fieldset:not([disabled]):active, -input:not([disabled], [type='range'], .no-scale):active, -optgroup:not([disabled]):active, -option:not([disabled]):active, -select:not([disabled]):active, -textarea:not([disabled]):active, -details:active, -[tabindex]:not([tabindex="-1"]):active, -[contenteditable]:active { +a[href], +button, +fieldset, +input, +optgroup, +option, +select, +textarea, +details, +[tabindex], +[contenteditable] { + &:active:not([disabled], [type='range'], .no-scale, [tabindex="-1"]) { + transition: all 0.1s ease-in-out; + transform: scale(0.98); + } +} + +.scale-parent:has(.no-scale:active) { transition: all 0.1s ease-in-out; transform: scale(0.98); } diff --git a/src/lib/components/ui/forums/Threads.svelte b/src/lib/components/ui/forums/Threads.svelte index ba886bf..17af739 100644 --- a/src/lib/components/ui/forums/Threads.svelte +++ b/src/lib/components/ui/forums/Threads.svelte @@ -8,8 +8,8 @@ import Pagination from '../../Pagination.svelte' import { Button } from '../button' - import { Profile } from '../profile' + import * as Avatar from '$lib/components/ui/avatar' import * as Tooltip from '$lib/components/ui/tooltip' import { client, type Media } from '$lib/modules/anilist' import { isMobile, since } from '$lib/utils' @@ -56,7 +56,7 @@
- + {thread.title ?? 'Thread ' + (thread.id)} @@ -78,7 +78,10 @@
{#if thread.user} - + + + {thread.user.name} + {/if} {since(new Date(thread.createdAt * 1000))}
diff --git a/src/lib/components/ui/menubar/menubar.svelte b/src/lib/components/ui/menubar/menubar.svelte index b8e5ec2..d603eac 100644 --- a/src/lib/components/ui/menubar/menubar.svelte +++ b/src/lib/components/ui/menubar/menubar.svelte @@ -10,13 +10,13 @@
- - -
diff --git a/src/lib/components/ui/player/player.svelte b/src/lib/components/ui/player/player.svelte index e4202df..299488c 100644 --- a/src/lib/components/ui/player/player.svelte +++ b/src/lib/components/ui/player/player.svelte @@ -206,7 +206,6 @@ if (subtitles?.renderer) { subtitles.renderer.resize(video.videoWidth, video.videoHeight) await new Promise(resolve => setTimeout(resolve, 500)) // this is hacky, but TLDR wait for canvas to update and re-render, in practice this will take at MOST 100ms, but just to be safe - // @ts-expect-error internal call on canvas context.drawImage(subtitles.renderer._canvas, 0, 0, canvas.width, canvas.height) subtitles.renderer.resize(0, 0, 0, 0) // undo resize } @@ -736,7 +735,7 @@
{/if} + class='{$settings.minimalPlayerUI ? 'inline-flex' : 'mobile:inline-flex hidden'} p-3 w-12 h-12 absolute top-4 left-4 backdrop-blur-lg border-white/15 border bg-black/20 pointer-events-auto transition-opacity select:opacity-100 {immersed && 'opacity-0'}' /> {#if ff}
x2
{/if} diff --git a/src/lib/components/ui/player/subtitles.ts b/src/lib/components/ui/player/subtitles.ts index c9fe02a..0908fef 100644 --- a/src/lib/components/ui/player/subtitles.ts +++ b/src/lib/components/ui/player/subtitles.ts @@ -367,6 +367,8 @@ export default class Subtitles { const { name, url } = LANGUAGE_OVERRIDES[track.meta.language ?? '']! this.addFont(url) this.renderer.setDefaultFont(name) + } else { + this.renderer.setDefaultFont('roboto medium') } this.renderer.resize() } diff --git a/src/lib/components/ui/profile/Profile.svelte b/src/lib/components/ui/profile/Profile.svelte index 279ac9e..cf2f9b4 100644 --- a/src/lib/components/ui/profile/Profile.svelte +++ b/src/lib/components/ui/profile/Profile.svelte @@ -12,7 +12,7 @@ user: ResultOf } - let className: $$Props['class'] = 'inline-block ring-4 ring-black size-8 bg-black' + let className: $$Props['class'] = 'inline-block ring-4 ring-black size-8 bg-black group-focus-visible/profile:ring-neutral-100 !border-0' export { className as class } export let user: ResultOf @@ -25,8 +25,8 @@
- - + + {name} diff --git a/src/lib/components/ui/tabs/tabs-list.svelte b/src/lib/components/ui/tabs/tabs-list.svelte index ee57fd7..541e0d4 100644 --- a/src/lib/components/ui/tabs/tabs-list.svelte +++ b/src/lib/components/ui/tabs/tabs-list.svelte @@ -5,7 +5,7 @@ type $$Props = TabsPrimitive.ListProps - let className: $$Props['class'] + let className: $$Props['class'] = undefined export { className as class } diff --git a/src/lib/components/ui/tabs/tabs-trigger.svelte b/src/lib/components/ui/tabs/tabs-trigger.svelte index b3e4edd..a4069ba 100644 --- a/src/lib/components/ui/tabs/tabs-trigger.svelte +++ b/src/lib/components/ui/tabs/tabs-trigger.svelte @@ -1,7 +1,7 @@