diff --git a/package.json b/package.json index 1a76602..7f5ae0d 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "Miru", - "version": "4.3.7", + "version": "4.3.8", "author": "ThaUnknown_ ", "description": "Stream anime torrents, real-time with no waiting for downloads.", "main": "build/main.js", @@ -17,6 +17,7 @@ "@electron/notarize": "^2.1.0", "@fontsource-variable/material-symbols-outlined": "^5.0.6", "@fontsource-variable/nunito": "^5.0.7", + "@fontsource/roboto": "^5.0.8", "@typescript-eslint/parser": "^6.2.1", "anitomyscript": "github:ThaUnknown/anitomyscript#42290c4b3f256893be08a4e89051f448ff5e9d00", "bottleneck": "^2.19.5", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 7076272..1d1b92b 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -19,6 +19,9 @@ devDependencies: '@fontsource-variable/nunito': specifier: ^5.0.7 version: 5.0.7 + '@fontsource/roboto': + specifier: ^5.0.8 + version: 5.0.8 '@typescript-eslint/parser': specifier: ^6.2.1 version: 6.2.1(eslint@8.46.0)(typescript@5.1.6) @@ -288,6 +291,10 @@ packages: resolution: {integrity: sha512-rgcwJa5gzRfZH3ZFz5+EaFPXX8GksBz9rYJXLhtdv4hrZZv/d3aiOq7cZXZdzt+1EbIqWRN/2/zlu/0+UqxPgA==} dev: true + /@fontsource/roboto@5.0.8: + resolution: {integrity: sha512-XxPltXs5R31D6UZeLIV1td3wTXU3jzd3f2DLsXI8tytMGBkIsGcc9sIyiupRtA8y73HAhuSCeweOoBqf6DbWCA==} + dev: true + /@humanwhocodes/config-array@0.11.10: resolution: {integrity: sha512-KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ==} engines: {node: '>=10.10.0'} diff --git a/src/renderer/main.js b/src/renderer/main.js index e9c7ce4..25c44fd 100644 --- a/src/renderer/main.js +++ b/src/renderer/main.js @@ -2,6 +2,7 @@ import App from './App.svelte' import 'quartermoon/css/quartermoon-variables.css' import '@fontsource-variable/material-symbols-outlined/full.css' import '@fontsource-variable/nunito' +import '@fontsource/roboto' import './css.css' export default new App({ target: document.body }) diff --git a/src/renderer/modules/scroll.js b/src/renderer/modules/scroll.js index 7be6bfc..08d5490 100644 --- a/src/renderer/modules/scroll.js +++ b/src/renderer/modules/scroll.js @@ -33,7 +33,7 @@ export default function (t, { speed = 120, smooth = 10 } = {}) { const delta = pos - scrollTop === smooth * 2 ? 0 : ((pos - scrollTop) / smooth) * getDeltaTime() scrollTop += delta - t.scrollTo(0, scrollTop) - moving = Math.abs(delta) > 0.3 && requestAnimationFrame(update) + t.scrollTo(0, scrollTop < 1.3 ? 0 : scrollTop) + moving = Math.abs(delta) > 0.1 && requestAnimationFrame(update) } } diff --git a/src/renderer/views/Player/Player.svelte b/src/renderer/views/Player/Player.svelte index 08e0c57..1789b0c 100644 --- a/src/renderer/views/Player/Player.svelte +++ b/src/renderer/views/Player/Player.svelte @@ -1198,7 +1198,6 @@ .player { user-select: none; font-family: Roboto, Arial, Helvetica, sans-serif; - will-change: width; background: #000000; } @@ -1240,7 +1239,7 @@ animation: spin 1s linear infinite; opacity: 0; visibility: hidden; - transition: 0.5s opacity ease; + transition: 0.5s opacity ease 0.2s; filter: drop-shadow(0 0 8px #000); } .disabled { @@ -1311,7 +1310,7 @@ filter: drop-shadow(0 0 8px #000); } .skip { - transition: 0.5s opacity ease; + transition: 0.5s opacity ease 0.2s; background: #ececec; } .skip:hover { @@ -1320,11 +1319,11 @@ .bottom { background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6) 25%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.1) 75%, transparent); - transition: 0.5s opacity ease; + transition: 0.5s opacity ease 0.2s; } .top { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4) 25%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.1) 75%, transparent); - transition: 0.5s opacity ease; + transition: 0.5s opacity ease 0.2s; } .ctrl {