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

V5 (#500)

Browse Source 
* update dep

* Update package.json

* update contextmenu

* update d.ts

* update onVttLoad

* build artplayer

* update style

* --art-theme

* update style

* update style

* update user-select

* add getIcon

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* add progress-hover

* update mini

* update style

* update style

* update style

* update style

* update style

* update volume

* update style

* add art-backdrop

* update style

* update style

* update style

* update currentLevel

* update artplayerPluginControl

* update artplayerPluginDanmuku

* Update package.json
This commit is contained in:
Harvey Zack authored and GitHub committed 2023-04-16 23:01:26 +08:00
1 parent af12bd9634
commit 7b53de941d
80 files changed
+1393 -1362
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/artplayer/src/style/setting.less
+19 -41
View File
@@ -1,23 +1,21 @@
.art-video-player {
.art-settings {
display: none;
flex-direction: column;
position: absolute;
z-index: 90;
left: 0;
bottom: 60px;
height: auto;
overflow: auto;
font-size: 13px;
border-radius: 3px;
max-height: 300px;
transition: all 0.2s ease;
background-color: rgba(0, 0, 0, 0.9);
bottom: var(--art-control-height);
transition: all var(--art-duration) ease;
background-color: var(--art-background);
.art-setting-panel {
display: none;
flex-direction: column;
&.art-current {
display: block;
display: flex;
}
.art-setting-item {
@@ -29,7 +27,7 @@
line-height: 1;
cursor: pointer;
overflow: hidden;
color: rgba(255, 255, 255, 0.8);
color: rgba(255, 255, 255, 0.75);
&:hover {
color: #fff;
@@ -37,15 +35,7 @@
}
&.art-current {
color: var(--theme);
}
.art-icon {
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
color: var(--art-theme);
}
.art-icon-check {
@@ -58,35 +48,29 @@
}
.art-setting-item-left {
display: flex;
align-items: center;
white-space: nowrap;
.art-center();
gap: 5px;
.art-setting-item-left-icon {
display: flex;
justify-content: center;
align-items: center;
height: 24px;
width: 24px;
margin-right: 10px;
.art-center();
height: var(--art-settings-icon-size);
width: var(--art-settings-icon-size);
}
}
.art-setting-item-right {
display: flex;
align-items: center;
.art-center();
gap: 5px;
font-size: 12px;
.art-setting-item-right-tooltip {
font-size: 12px;
margin-right: 5px;
white-space: nowrap;
color: rgba(255, 255, 255, 0.5);
}
.art-setting-item-right-icon {
display: flex;
justify-content: center;
align-items: center;
.art-center();
min-width: 32px;
height: 24px;
}
@@ -108,13 +92,7 @@
&.art-setting-show {
.art-settings {
display: block;
}
}
&.art-mobile {
.art-settings {
max-height: 200px;
display: flex;
}
}
}