Finished power screen layout and display.
This commit is contained in:
parent
c68e92ba8c
commit
120b598e14
128
index.html
128
index.html
|
@ -120,19 +120,119 @@
|
|||
<p>Required voltage: 220V</p>
|
||||
<p>Current voltage: <span id="current-voltage"></span>V</p>
|
||||
</div>
|
||||
<div class="power-screen__breaker-container">
|
||||
<div class="breaker-wrapper">
|
||||
<div class="breaker-buttons__wrapper">
|
||||
<button class="breaker-button" id="breaker-on"></button>
|
||||
<button
|
||||
class="breaker-button"
|
||||
id="breaker-off"
|
||||
></button>
|
||||
<div class="power-screen__breaker-parent">
|
||||
<div class="power-screen__breaker-container">
|
||||
<div class="breaker-wrapper">
|
||||
<div class="breaker-buttons__wrapper">
|
||||
<button
|
||||
class="breaker-button"
|
||||
id="breaker-on"
|
||||
></button>
|
||||
<button
|
||||
class="breaker-button"
|
||||
id="breaker-off"
|
||||
></button>
|
||||
</div>
|
||||
<div class="breaker-label__wrapper">
|
||||
<p class="breaker-label__text">
|
||||
herbivore feeding compound
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="breaker-label__wrapper">
|
||||
<h4 class="breaker-label__text">
|
||||
herbivore feeding compound
|
||||
</h4>
|
||||
</div>
|
||||
<div class="power-screen__breaker-container">
|
||||
<div class="breaker-wrapper">
|
||||
<div class="breaker-buttons__wrapper">
|
||||
<button
|
||||
class="breaker-button"
|
||||
id="breaker-on"
|
||||
></button>
|
||||
<button
|
||||
class="breaker-button"
|
||||
id="breaker-off"
|
||||
></button>
|
||||
</div>
|
||||
<div class="breaker-label__wrapper">
|
||||
<p class="breaker-label__text">
|
||||
carnivore feeding compound
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="power-screen__breaker-container">
|
||||
<div class="breaker-wrapper">
|
||||
<div class="breaker-buttons__wrapper">
|
||||
<button
|
||||
class="breaker-button"
|
||||
id="breaker-on"
|
||||
></button>
|
||||
<button
|
||||
class="breaker-button"
|
||||
id="breaker-off"
|
||||
></button>
|
||||
</div>
|
||||
<div class="breaker-label__wrapper">
|
||||
<p class="breaker-label__text">
|
||||
visitors cntr. compound
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="power-screen__breaker-container">
|
||||
<div class="breaker-wrapper">
|
||||
<div class="breaker-buttons__wrapper">
|
||||
<button
|
||||
class="breaker-button"
|
||||
id="breaker-on"
|
||||
></button>
|
||||
<button
|
||||
class="breaker-button"
|
||||
id="breaker-off"
|
||||
></button>
|
||||
</div>
|
||||
<div class="breaker-label__wrapper">
|
||||
<p class="breaker-label__text">
|
||||
visitors cntr. control
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="power-screen__breaker-container">
|
||||
<div class="breaker-wrapper">
|
||||
<div class="breaker-buttons__wrapper">
|
||||
<button
|
||||
class="breaker-button"
|
||||
id="breaker-on"
|
||||
></button>
|
||||
<button
|
||||
class="breaker-button"
|
||||
id="breaker-off"
|
||||
></button>
|
||||
</div>
|
||||
<div class="breaker-label__wrapper">
|
||||
<p class="breaker-label__text">
|
||||
genetics / fertilizer lab
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="power-screen__breaker-container">
|
||||
<div class="breaker-wrapper">
|
||||
<div class="breaker-buttons__wrapper">
|
||||
<button
|
||||
class="breaker-button"
|
||||
id="breaker-on"
|
||||
></button>
|
||||
<button
|
||||
class="breaker-button"
|
||||
id="breaker-off"
|
||||
></button>
|
||||
</div>
|
||||
<div class="breaker-label__wrapper">
|
||||
<p class="breaker-label__text">
|
||||
maintenance shed / bunker
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -232,7 +332,9 @@
|
|||
<div class="control-panel__button-display">
|
||||
<div class="buttons button__depressed">
|
||||
<div class="">
|
||||
<p class="button-text__embossed small-button">VEHICLE</p>
|
||||
<p class="button-text__embossed small-button">
|
||||
VEHICLE
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="outer-edge__light buttons">
|
||||
|
|
|
@ -132,10 +132,7 @@ const changeScreenContent = event => {
|
|||
const mainDisplayElements = document.getElementsByClassName("main-display");
|
||||
const tabContentElements = document.getElementsByClassName(
|
||||
"video-screen__tab-content"
|
||||
);
|
||||
|
||||
console.log(selectedTab);
|
||||
|
||||
);
|
||||
|
||||
for (let i = 0; i < tabContentElements.length; i++) {
|
||||
if (tabContentElements[i].id === `video-screen__${selectedTab}`) {
|
||||
|
|
|
@ -738,6 +738,7 @@ body {
|
|||
|
||||
.power-screen__voltage-switches-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.power-screen__warning-text {
|
||||
|
@ -903,27 +904,58 @@ body {
|
|||
display: none;
|
||||
}
|
||||
|
||||
.power-screen__breaker-container {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.breaker-wrapper {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.power-screen__breaker-parent {
|
||||
align-self: center;
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
.breaker-buttons__wrapper {
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.breaker-label__wrapper {
|
||||
background-color: #fb6d7e;
|
||||
background-color: #C23457;
|
||||
padding: 10px;
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.power-screen__voltage-container {
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
#power-display__inner > div.power-screen__votage-output-container {
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
.breaker-label__text {
|
||||
background-color: white;
|
||||
color: black;
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
border: 2px solid black;
|
||||
padding: 4px;
|
||||
background-color: #c2a693;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.breaker-button {
|
||||
flex: 1;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=styles.css.map */
|
||||
|
|
|
@ -1 +1 @@
|
|||
{"version":3,"sourceRoot":"","sources":["../../sass/components/_buttons.scss","../../sass/base/_base.scss","../../sass/components/_layout.scss","../../sass/components/_instructions-panel.scss","../../sass/components/_borders.scss","../../sass/components/_display-text.scss","../../sass/components/_level-info.scss","../../sass/components/_screen-display.scss","../../sass/components/_video-screen.scss","../../sass/components/_control-panel.scss","../../sass/components/_output-display.scss","../../sass/components/_system-icons.scss","../../sass/components/_modal.scss","../../sass/components/_main-display.scss","../../sass/components/_power-screen.scss"],"names":[],"mappings":"AAkEQ;AClER;AAAA;AAAA;EAGE;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;IACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AC1BF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AC3DF;EACE;;;AAGF;EACE;EACA;EACA;;;ACPF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAEE;EACA;;;AAGF;EAEE;EACA;;;AAGF;EAEE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AJrEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAIF;AAAA;AAAA;EAGE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AKtLF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AC/DF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACxDF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACtHF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;ACrKF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AC3BF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;ACzBF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AC7CF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACxBF;EACE;;;ACEF;EACE;;;AAIF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE","file":"styles.css"}
|
||||
{"version":3,"sourceRoot":"","sources":["../../sass/components/_buttons.scss","../../sass/base/_base.scss","../../sass/components/_layout.scss","../../sass/components/_instructions-panel.scss","../../sass/components/_borders.scss","../../sass/components/_display-text.scss","../../sass/components/_level-info.scss","../../sass/components/_screen-display.scss","../../sass/components/_video-screen.scss","../../sass/components/_control-panel.scss","../../sass/components/_output-display.scss","../../sass/components/_system-icons.scss","../../sass/components/_modal.scss","../../sass/components/_main-display.scss","../../sass/components/_power-screen.scss"],"names":[],"mappings":"AAkEQ;AClER;AAAA;AAAA;EAGE;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;IACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AC1BF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AC3DF;EACE;;;AAGF;EACE;EACA;EACA;;;ACPF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAEE;EACA;;;AAGF;EAEE;EACA;;;AAGF;EAEE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AJrEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAIF;AAAA;AAAA;EAGE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AKtLF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AC/DF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACxDF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACtHF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;ACtKF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AC3BF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;ACzBF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AC7CF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACxBF;EACE;;;ACDF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAaF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EAEE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA","file":"styles.css"}
|
|
@ -1,26 +1,66 @@
|
|||
.power-screen__breaker-container {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.breaker-wrapper {
|
||||
display: flex;
|
||||
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
#breaker-off {
|
||||
// background-color: #99E3C0;
|
||||
// background-color: #1F1115;
|
||||
}
|
||||
|
||||
#breaker-on {
|
||||
// background-color: #1F1115;
|
||||
//background-color: #E40141 - on;
|
||||
}
|
||||
|
||||
.power-screen__breaker-parent {
|
||||
align-self: center;
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
.breaker-buttons__wrapper {
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.breaker-label__wrapper {
|
||||
background-color: #fb6d7e;
|
||||
// background-color: #1F1115;
|
||||
background-color: #C23457;
|
||||
padding: 10px;
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.power-screen__voltage-container {
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
#power-display__inner > div.power-screen__votage-output-container {
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
.breaker-label__text {
|
||||
background-color: white;
|
||||
// background-color: #CDA08E;
|
||||
// background-color: #1F1115;
|
||||
color: black;
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
border: 2px solid black;
|
||||
padding: 4px;
|
||||
background-color: #c2a693; // activated
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.breaker-button {
|
||||
flex: 1;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
|
|
@ -138,6 +138,7 @@
|
|||
|
||||
.power-screen__voltage-switches-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.power-screen__warning-text {
|
||||
|
|
Loading…
Reference in New Issue