💄 外观调整

This commit is contained in:
Vanessa 2023-01-27 16:35:38 +08:00
parent 01e9b06847
commit f013161bc0
8 changed files with 10 additions and 4 deletions

View File

@ -94,7 +94,7 @@
--b3-width-transition: width .15s cubic-bezier(0, 0, .2, 1) 0ms;
/* 阴影 */
--b3-point-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
--b3-point-shadow: 0 3px 6px rgba(140,149,159,0.15);
--b3-dialog-shadow: 0 8px 24px rgba(140,149,159,0.2);
/* 图表颜色 */

View File

@ -94,7 +94,7 @@
--b3-width-transition: width .15s cubic-bezier(0, 0, .2, 1) 0ms;
/* 阴影 */
--b3-point-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
--b3-point-shadow: 0 3px 6px #010409;
--b3-dialog-shadow: 0 8px 24px #010409;
/* 图表颜色 */

View File

@ -8,6 +8,7 @@
position: relative;
transition: var(--b3-transition);
cursor: pointer;
border: 1px solid var(--b3-theme-surface-lighter);
&:hover {
background-color: var(--b3-theme-surface-lighter);

View File

@ -20,6 +20,7 @@
background-color: var(--b3-theme-primary);
margin-top: -4px;
box-shadow: var(--b3-point-shadow);
border: 1px solid var(--b3-theme-surface-lighter);
transition: transform 100ms ease-out;
}

View File

@ -16,11 +16,11 @@
user-select: none;
&:after {
border: 1px solid var(--b3-theme-surface-lighter);
box-shadow: var(--b3-point-shadow);
box-sizing: border-box;
width: 16px;
height: 16px;
border: 1px solid #fff;
border-radius: 50%;
pointer-events: none;
z-index: 1;

View File

@ -7,6 +7,7 @@
border-radius: 4px;
display: flex;
transition: top .15s cubic-bezier(0, 0, .2, 1) 0ms;
border: 1px solid var(--b3-theme-surface-lighter);
&__item {
color: var(--b3-theme-on-surface);

View File

@ -149,7 +149,7 @@ progressLoading: 400
.pcr-selection .pcr-picker {
height: 16px;
width: 16px;
border: 0;
border: 1px solid var(--b3-theme-surface-lighter);
box-shadow: var(--b3-point-shadow);
transition: transform 100ms ease-out;
}
@ -444,6 +444,7 @@ progressLoading: 400
border-radius: 90px;
background-color: rgba(255, 255, 255, 0.8);
box-shadow: var(--b3-point-shadow);
border: 1px solid var(--b3-theme-surface-lighter);
}
&__name {

View File

@ -199,6 +199,7 @@
border-radius: 90px;
background-color: rgba(255, 255, 255, 0.8);
box-shadow: var(--b3-point-shadow);
border: 1px solid var(--b3-theme-surface-lighter);
}
&__info {
@ -254,6 +255,7 @@
background: var(--b3-theme-background);
padding: 4px;
box-shadow: var(--b3-point-shadow);
border: 1px solid var(--b3-theme-surface-lighter);
z-index: 1;
line-height: 28px;
left: 8px;