This commit is contained in:
lb 2023-06-09 14:22:31 +08:00
parent d66f0b1e05
commit eb4a81b7b9
3 changed files with 10 additions and 9 deletions

View File

@ -360,7 +360,7 @@ li:nth-child(11)::before {
.line-chart__wrapper { .line-chart__wrapper {
position: relative; position: relative;
background: #3565ff10; background: #3564ff0f;
border-radius: adjust(4px); border-radius: adjust(4px);
backdrop-filter: blur(adjust(2px)); backdrop-filter: blur(adjust(2px));
box-shadow: inset 0 0 adjust(10px) adjust(2px) rgba($color: #fff, $alpha: 0.1); box-shadow: inset 0 0 adjust(10px) adjust(2px) rgba($color: #fff, $alpha: 0.1);

View File

@ -70,7 +70,7 @@ export default {
@import "../../assets/styles/variables"; @import "../../assets/styles/variables";
header { header {
background: url(../../assets/header-wings.png) left 12% top 72px / 95% no-repeat, url(../../assets/header.png) center / 100% 100% no-repeat; background: url(../../assets/header-wings.png) left 12% top 72px / 95% no-repeat, url(../../assets/header.png) center / 100.25% 100% no-repeat;
// background-size: 100% 100%; // background-size: 100% 100%;
// background-size: cover; // background-size: cover;
// background-position: bottom; // background-position: bottom;
@ -78,11 +78,12 @@ header {
width: adjust(w(21120px)); width: adjust(w(21120px));
display: grid; display: grid;
place-items: center; place-items: center;
// padding-bottom: adjust(2px);
>div { >div {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: adjust(8px); margin-bottom: adjust(10px);
margin-left: adjust(64px); margin-left: adjust(64px);
.header--logo { .header--logo {
@ -93,7 +94,7 @@ header {
h1 { h1 {
margin-left: adjust(20px); margin-left: adjust(20px);
font-size: adjust(45px); font-size: adjust(42px);
user-select: none; user-select: none;
letter-spacing: adjust(6px); letter-spacing: adjust(6px);
font-weight: 600; font-weight: 600;

View File

@ -72,12 +72,12 @@ export default {
} }
.icon-oil { .icon-oil {
background: url(../../assets/oil.png) top -1px left 0 / 90% 75% no-repeat; background: url(../../assets/oil.png) top 0 left 0 / 90% 75% no-repeat;
margin-right: 6px; margin-right: 6px;
} }
.icon-gas { .icon-gas {
background: url(../../assets/gas-icon.png) top -1px left 0 / 90% 75% no-repeat; background: url(../../assets/gas-icon.png) top 0 left 0 / 90% 75% no-repeat;
margin-right: 6px; margin-right: 6px;
} }
@ -87,17 +87,17 @@ export default {
} }
.icon-fan { .icon-fan {
background: url(../../assets/fan-icon.png) top -1px left 0 / 90% 75% no-repeat; background: url(../../assets/fan-icon.png) top 0 left 0 / 90% 75% no-repeat;
margin-right: 6px; margin-right: 6px;
} }
.icon-kiln-top { .icon-kiln-top {
background: url(../../assets/kiln-top-icon.png) top -1px left 0 / 90% 75% no-repeat; background: url(../../assets/kiln-top-icon.png) top 0 left 0 / 90% 75% no-repeat;
margin-right: 6px; margin-right: 6px;
} }
.icon-kiln-bottom { .icon-kiln-bottom {
background: url(../../assets/kiln-bottom-icon.png) top -1px left 0 / 90% 75% no-repeat; background: url(../../assets/kiln-bottom-icon.png) top 0 left 0 / 90% 75% no-repeat;
margin-right: 6px; margin-right: 6px;
} }