diff --git a/src/app/app.component.scss b/src/app/app.component.scss index 6996306..cd71ee9 100644 --- a/src/app/app.component.scss +++ b/src/app/app.component.scss @@ -44,22 +44,16 @@ .init-status { position: absolute; - top: 0; bottom: 0; - left: 0; - right: 0; margin: auto; - width: 400px; - min-height: 50px; - height: 400px; - padding: 2rem; + width: 100%; + color: #fff; + padding: 0.5rem; z-index: 999; - background-color: rgba(255, 255, 255, 0.9); + background-color: #3f51b5; box-shadow: 0 0 15px #bbb; } .init-status>div { text-align: left; - font-size: 16pt; - height: 50px; } diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 22ee802..9baffa2 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -13,8 +13,7 @@ import { WiregasmService } from './services/wiregasm.service';
-

Wiregasm:

-
{{item}}
+
WASM-LIB: {{item || '. . .'}}
`, @@ -22,18 +21,17 @@ import { WiregasmService } from './services/wiregasm.service'; }) export class AppComponent { - msg: string[] = []; + msg: string[] = [' ']; done = false; isReady = false; parsingProgress = 100; constructor(private wiregasmService: WiregasmService) { this.wiregasmService.listen().subscribe(data => { - console.log('wiregasmService.listen', data); if (data?.isParsing) { this.parsingProgress = +data?.parsingProgress?.toFixed(2); } if (data?.status) { - this.msg.push(data.status) + this.msg = [data.status]; } if (data?.type === 'init') { this.isReady = true;