mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-24 14:41:20 -08:00
add --art-border-radius
This commit is contained in:
1 parent
572788a9ab
commit
a6ab0aa276
12 files changed
+14
-12
No files matched your search
@@ -5,7 +5,7 @@
|
||||
position: absolute;
|
||||
z-index: 120;
|
||||
padding: 5px 0;
|
||||
border-radius: 3px;
|
||||
border-radius: var(--art-border-radius);
|
||||
font-size: 12px;
|
||||
background-color: var(--art-widget-background);
|
||||
min-width: var(--art-contextmenus-min-width);
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
z-index: 100;
|
||||
padding: 10px;
|
||||
font-size: 12px;
|
||||
border-radius: 3px;
|
||||
border-radius: var(--art-border-radius);
|
||||
background-color: var(--art-widget-background);
|
||||
|
||||
.art-info-panel {
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
width: 320px;
|
||||
height: 180px;
|
||||
background: #000;
|
||||
border-radius: 3px;
|
||||
border-radius: var(--art-border-radius);
|
||||
cursor: move;
|
||||
user-select: none;
|
||||
overflow: hidden;
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
display: inline-flex;
|
||||
padding: 5px;
|
||||
line-height: 1;
|
||||
border-radius: 3px;
|
||||
border-radius: var(--art-border-radius);
|
||||
background-color: var(--art-tip-background);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
border-radius: 3px;
|
||||
border-radius: var(--art-border-radius);
|
||||
padding: 10px;
|
||||
line-height: 1;
|
||||
left: var(--art-padding);
|
||||
|
||||
@@ -88,7 +88,7 @@
|
||||
padding: 3px 5px;
|
||||
line-height: 1;
|
||||
font-size: 12px;
|
||||
border-radius: 3px;
|
||||
border-radius: var(--art-border-radius);
|
||||
white-space: nowrap;
|
||||
background-color: var(--art-tip-background);
|
||||
}
|
||||
@@ -106,7 +106,7 @@
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
left: 0;
|
||||
border-radius: 3px;
|
||||
border-radius: var(--art-border-radius);
|
||||
pointer-events: none;
|
||||
background-color: var(--art-widget-background);
|
||||
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.2), 0 1px 2px -1px rgb(0 0 0 / 0.2);
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
border-radius: 3px;
|
||||
border-radius: var(--art-border-radius);
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
opacity: 0;
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
left: auto;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
border-radius: 3px;
|
||||
border-radius: var(--art-border-radius);
|
||||
transform-origin: bottom right;
|
||||
max-height: var(--art-settings-max-height);
|
||||
right: var(--art-padding);
|
||||
|
||||
@@ -5,6 +5,7 @@
|
||||
--art-text-shadow-color: rgba(0, 0, 0, 0.5);
|
||||
--art-transition-duration: 0.2s;
|
||||
--art-padding: 10px;
|
||||
--art-border-radius: 3px;
|
||||
--art-progress-height: 6px;
|
||||
--art-progress-color: rgba(255, 255, 255, 0.2);
|
||||
--art-hover-color: rgba(255, 255, 255, 0.5);
|
||||
|
||||
@@ -26,7 +26,7 @@
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
padding: 10px 0 12px;
|
||||
border-radius: 3px;
|
||||
border-radius: var(--art-border-radius);
|
||||
background-color: var(--art-widget-background);
|
||||
|
||||
.art-volume-slider {
|
||||
@@ -42,7 +42,7 @@
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
width: 2px;
|
||||
border-radius: 3px;
|
||||
border-radius: var(--art-border-radius);
|
||||
overflow: hidden;
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
|
||||
|
||||
Vendored
+1
@@ -5,6 +5,7 @@ export type CssVar = {
|
||||
'--art-text-shadow-color': string;
|
||||
'--art-transition-duration': string;
|
||||
'--art-padding': string;
|
||||
'--art-border-radius': string;
|
||||
'--art-progress-height': string;
|
||||
'--art-progress-color': string;
|
||||
'--art-hover-color': string;
|
||||
|
||||
Reference in new issue
Block a user