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

update style

Browse Source
This commit is contained in:
Harvey Zack committed 2023-04-19 09:56:53 +08:00
1 parent 48268ef091
commit 572788a9ab
6 files changed
+19 -8
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/artplayer/src/style/mobile.less
+3 -1
View File
@@ -2,5 +2,7 @@
--art-control-height: 38px;
--art-control-icon-scale: 1;
--art-state-size: 60px;
--art-settings-scale: 0.75;
--art-settings-scale: 0.8;
--art-settings-max-height: 200px;
--art-selector-max-height: 200px;
}
packages/artplayer/src/style/selector.less
+5 -2
View File
@@ -8,11 +8,14 @@
text-align: center;
position: absolute;
border-radius: 3px;
bottom: var(--art-control-height);
background-color: var(--art-widget-background);
overflow-y: auto;
overflow-x: hidden;
opacity: 0;
transform: translateY(10px);
pointer-events: none;
bottom: var(--art-control-height);
max-height: var(--art-selector-max-height);
background-color: var(--art-widget-background);
transition: all var(--art-transition-duration) ease;
.art-selector-item {
packages/artplayer/src/style/setting.less
+3 -1
View File
@@ -5,9 +5,11 @@
position: absolute;
z-index: 90;
left: auto;
overflow: hidden;
overflow-y: auto;
overflow-x: hidden;
border-radius: 3px;
transform-origin: bottom right;
max-height: var(--art-settings-max-height);
right: var(--art-padding);
bottom: var(--art-control-height);
transform: scale(var(--art-settings-scale));
packages/artplayer/src/style/variables.less
+5 -3
View File
@@ -29,6 +29,8 @@
--art-fullscreen-web-index: 9999;
--art-settings-scale: 1;
--art-settings-icon-size: 24px;
--art-settings-max-height: 300px;
--art-selector-max-height: 300px;
--art-contextmenus-min-width: 250px;
--art-subtitle-font-size: 20px;
--art-subtitle-gap: 5px;
@@ -36,8 +38,8 @@
--art-subtitle-border: #000;
--art-widget-background: rgba(0, 0, 0, 0.85);
--art-tip-background: rgba(0, 0, 0, 0.5);
--art-scrollbar-size: 5px;
--art-scrollbar-background: #666;
--art-scrollbar-background-hover: #ccc;
--art-scrollbar-size: 4px;
--art-scrollbar-background: rgba(255, 255, 255, 0.25);
--art-scrollbar-background-hover: rgba(255, 255, 255, 0.5);
--art-mini-progress-height: 2px;
}