zhetadelta/BoSLOO
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

added consistent border

Browse source
This commit is contained in:
Sakimori 2022-07-04 21:46:29 -04:00
parent 5db0c879a3
commit 3b48657e4a
2 changed files with 15 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
GroundControl/frontend/src/index.css
View file

@ -17,7 +17,7 @@ body::after {
left: 0;
width: 100vw;
height: 99vh;
background: repeating-linear-gradient( 0deg, rgb(0 0 0 / 0.15), rgb(0 0 0 / 0.15) 3px, transparent 2px, transparent 6px);
background: repeating-linear-gradient( 0deg, rgb(0 0 0 / 0.20), rgb(0 0 0 / 0.15) 3px, transparent 2px, transparent 6px);
pointer-events: none;
}
@ -65,18 +65,25 @@ body::after {
}
.power-on-self-test{
margin-left: 5vw;
padding-left: 4em;
}
.terminal-window {
}
.power-on-self-test, .terminal-window {
border: double;
margin-left: 5vw;
margin-top: -5vh;
padding-bottom: 1em;
width: 60vw;
overflow: scroll;
flex-grow: 1;
display: flex;
flex-direction: column-reverse;
border: double;
margin-left: 5vw;
margin-top: -5vh;
}
.terminal{

6
GroundControl/frontend/src/index.js
View file

@ -69,9 +69,10 @@ class SelfTest extends React.Component {
}
render() {
const final = <span className='logo'>{logos.logo} < br /><br /><br /><Typing speed={5}>Press any key to continue...<br />{'>'} <span className='blink-text'>_</span></Typing></span>;
const final = <span className='logo'>{logos.logo} < br /><br /><br /><Typing speed={5}>Press any key to continue...<br /><span>{'>'} <span className='blink-text'>_</span></span></Typing></span>;
return (
<div className='power-on-self-test'>
<div className='power-on-self-test'>
{this.state.logodisplay ? final : null}
<Typing speed={30} onFinishedTyping={() => this.setState({ logodisplay: true })}>
BoSLOO ACPI BIOS v0.1<br />
Sakimori Ind. 2022<br />
@ -80,7 +81,6 @@ class SelfTest extends React.Component {
Initializing GPU...................................<Typing.Speed ms={1000} />...<Typing.Speed ms={5} /> <span className='fail-text'>FAIL!</span><br />
<br />
</Typing>
{this.state.logodisplay ? final : null}
</div>
)
}