diff --git a/src/components/charts/LineChart.vue b/src/components/charts/LineChart.vue index 6a5b75d..a5d3a9b 100644 --- a/src/components/charts/LineChart.vue +++ b/src/components/charts/LineChart.vue @@ -360,7 +360,7 @@ li:nth-child(11)::before { .line-chart__wrapper { position: relative; - background: #3565ff10; + background: #3564ff0f; border-radius: adjust(4px); backdrop-filter: blur(adjust(2px)); box-shadow: inset 0 0 adjust(10px) adjust(2px) rgba($color: #fff, $alpha: 0.1); diff --git a/src/components/layout/Header.vue b/src/components/layout/Header.vue index 37e1e92..4775cd4 100644 --- a/src/components/layout/Header.vue +++ b/src/components/layout/Header.vue @@ -70,7 +70,7 @@ export default { @import "../../assets/styles/variables"; 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: cover; // background-position: bottom; @@ -78,11 +78,12 @@ header { width: adjust(w(21120px)); display: grid; place-items: center; + // padding-bottom: adjust(2px); >div { display: flex; align-items: center; - margin-bottom: adjust(8px); + margin-bottom: adjust(10px); margin-left: adjust(64px); .header--logo { @@ -93,7 +94,7 @@ header { h1 { margin-left: adjust(20px); - font-size: adjust(45px); + font-size: adjust(42px); user-select: none; letter-spacing: adjust(6px); font-weight: 600; diff --git a/src/components/layout/SubContainer.vue b/src/components/layout/SubContainer.vue index 0e664cb..310f20f 100644 --- a/src/components/layout/SubContainer.vue +++ b/src/components/layout/SubContainer.vue @@ -72,12 +72,12 @@ export default { } .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; } .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; } @@ -87,17 +87,17 @@ export default { } .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; } .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; } .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; }