x15904151985/ArtPlayer
1
0 Fork 0
mirror of https://github.com/zhw2590582/ArtPlayer.git synced 2026-10-27 17:51:20 -08:00
Code Issues Packages Projects Releases Wiki Activity

feat: enhance liquid glass plugin with customizable width and improved s…

Browse Source
This commit is contained in:
Harvey Zhao committed 2025-12-13 17:05:51 +08:00
1 parent efa757ca2d
commit b7d94558b2
6 files changed
+26 -12
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/artplayer-plugin-liquid-glass/src/index.js
+5 -1
View File
@@ -15,9 +15,13 @@ export default function artplayerPluginLiquidGlass(option = {}) {
art.on('control', (state) => {
if (state) {
$liquidGlass.style.width = option.width || '500px'
$liquidGlass.style.width = option.width;
$liquidGlass.style['max-width'] = option['max-width'];
$liquidGlass.style['min-width'] = option['min-width'];
} else {
$liquidGlass.style.width = '';
$liquidGlass.style['max-width'] = '';
$liquidGlass.style['min-width'] = '';
}
})
packages/artplayer-plugin-liquid-glass/src/style.less
+3 -3
View File
@@ -1,8 +1,8 @@
.artplayer-plugin-liquid-glass {
&.art-control-show {
--art-control-height: 42px !important;
--art-control-icon-size: 24px !important;
--art-control-icon-scale: 1.1 !important;
--art-control-height: 42px;
--art-control-icon-size: 24px;
--art-control-icon-scale: 1.1;
.art-bottom {
align-items: center;