ZSCGR/KVideo
1
0
Fork 0
mirror of https://github.com/KuekHaoYang/KVideo.git synced 2026-08-12 23:33:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: Improve UI responsiveness for player controls, settings, and import tabs, and update lucide-react to 0.575.0.

Browse Source
This commit is contained in:
kuekhaoyang
2026-02-19 21:11:19 +08:00
parent 4f91549ca9
commit 82993e368b
5 changed files with 16 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/player/desktop/DesktopControls.tsx
+5 -2
View File
@@ -48,9 +48,12 @@ export function DesktopControls(props: DesktopControlsProps) {
return (
<div
className={`absolute bottom-0 left-0 right-0 z-30 transition-all duration-300 ${showControls ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-2'
className={`absolute bottom-0 left-0 right-0 z-30 transition-all duration-300 ${showControls ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-2 pointer-events-none'
}`}
style={{ pointerEvents: showControls ? 'auto' : 'none' }}
style={{
pointerEvents: showControls ? 'auto' : 'none',
visibility: showControls ? 'visible' : 'hidden',
}}
>
{/* Progress Bar */}
<DesktopProgressBar
components/settings/PlayerSettings.tsx
+2 -2
View File
@@ -182,7 +182,7 @@ export function PlayerSettings({
<label className="block text-sm font-medium text-[var(--text-color)] mb-2">
弹幕字号
</label>
<div className="flex gap-2">
<div className="flex gap-2 flex-wrap">
{DANMAKU_FONT_SIZES.map((size) => (
<button
key={size}
@@ -203,7 +203,7 @@ export function PlayerSettings({
<label className="block text-sm font-medium text-[var(--text-color)] mb-2">
弹幕显示区域
</label>
<div className="flex gap-2">
<div className="flex gap-2 flex-wrap">
{DANMAKU_DISPLAY_AREAS.map(({ value, label }) => (
<button
key={value}
components/settings/import/ImportModalTabs.tsx
+1 -1
View File
@@ -15,7 +15,7 @@ export function ImportModalTabs({ activeTab, onTabChange }: ImportModalTabsProps
return (
<div className="relative mb-6">
<div className="flex border-b border-[var(--glass-border)] relative">
<div className="flex border-b border-[var(--glass-border)] relative overflow-x-auto whitespace-nowrap scrollbar-hide w-full">
{tabs.map((tab) => (
<button
key={tab.id}
package-lock.json
Generated
+6 -6
View File
@@ -1,19 +1,19 @@
{
"name": "kvideo",
"version": "4.4.4",
"version": "4.4.5",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "kvideo",
"version": "4.4.4",
"version": "4.4.5",
"dependencies": {
"@dnd-kit/core": "^6.3.1",
"@dnd-kit/sortable": "^10.0.0",
"@dnd-kit/utilities": "^3.2.2",
"@vercel/analytics": "^1.6.1",
"hls.js": "^1.6.15",
"lucide-react": "^0.574.0",
"lucide-react": "^0.575.0",
"next": "16.1.6",
"react": "19.2.4",
"react-dom": "19.2.4",
@@ -7230,9 +7230,9 @@
}
},
"node_modules/lucide-react": {
"version": "0.574.0",
"resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.574.0.tgz",
"integrity": "sha512-dJ8xb5juiZVIbdSn3HTyHsjjIwUwZ4FNwV0RtYDScOyySOeie1oXZTymST6YPJ4Qwt3Po8g4quhYl4OxtACiuQ==",
"version": "0.575.0",
"resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.575.0.tgz",
"integrity": "sha512-VuXgKZrk0uiDlWjGGXmKV6MSk9Yy4l10qgVvzGn2AWBx1Ylt0iBexKOAoA6I7JO3m+M9oeovJd3yYENfkUbOeg==",
"license": "ISC",
"peerDependencies": {
"react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
package.json
+2 -2
View File
@@ -1,6 +1,6 @@
{
"name": "kvideo",
"version": "4.4.4",
"version": "4.4.5",
"private": true,
"scripts": {
"dev": "next dev",
@@ -15,7 +15,7 @@
"@dnd-kit/utilities": "^3.2.2",
"@vercel/analytics": "^1.6.1",
"hls.js": "^1.6.15",
"lucide-react": "^0.574.0",
"lucide-react": "^0.575.0",
"next": "16.1.6",
"react": "19.2.4",
"react-dom": "19.2.4",