Bläddra i källkod

update

light-style
lb 1 år sedan
förälder
incheckning
eb4a81b7b9
3 ändrade filer med 10 tillägg och 9 borttagningar
  1. +1
    -1
      src/components/charts/LineChart.vue
  2. +4
    -3
      src/components/layout/Header.vue
  3. +5
    -5
      src/components/layout/SubContainer.vue

+ 1
- 1
src/components/charts/LineChart.vue Visa fil

@@ -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);


+ 4
- 3
src/components/layout/Header.vue Visa fil

@@ -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;


+ 5
- 5
src/components/layout/SubContainer.vue Visa fil

@@ -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;
}



Laddar…
Avbryt
Spara