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; left: 0;
width: 100vw; width: 100vw;
height: 99vh; 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; pointer-events: none;
} }
@ -65,18 +65,25 @@ body::after {
} }
.power-on-self-test{ .power-on-self-test{
margin-left: 5vw;
padding-left: 4em;
} }
.terminal-window { .terminal-window {
}
.power-on-self-test, .terminal-window {
border: double;
margin-left: 5vw;
margin-top: -5vh;
padding-bottom: 1em;
width: 60vw; width: 60vw;
overflow: scroll; overflow: scroll;
flex-grow: 1; flex-grow: 1;
display: flex; display: flex;
flex-direction: column-reverse; flex-direction: column-reverse;
border: double;
margin-left: 5vw;
margin-top: -5vh;
} }
.terminal{ .terminal{

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

@ -69,9 +69,10 @@ class SelfTest extends React.Component {
} }
render() { 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 ( 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 })}> <Typing speed={30} onFinishedTyping={() => this.setState({ logodisplay: true })}>
BoSLOO ACPI BIOS v0.1<br /> BoSLOO ACPI BIOS v0.1<br />
Sakimori Ind. 2022<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 /> Initializing GPU...................................<Typing.Speed ms={1000} />...<Typing.Speed ms={5} /> <span className='fail-text'>FAIL!</span><br />
<br /> <br />
</Typing> </Typing>
{this.state.logodisplay ? final : null}
</div> </div>
) )
} }