9
web/src/main-app/main-app.component.html
Normal file
9
web/src/main-app/main-app.component.html
Normal file
@@ -0,0 +1,9 @@
|
||||
<notification></notification>
|
||||
<side-menu></side-menu>
|
||||
<div id="main-content" class="split split-horizontal main-content">
|
||||
<router-outlet></router-outlet>
|
||||
</div>
|
||||
<div class="github-fork-ribbon">
|
||||
<a class="" href="https://github.com/UltimateHackingKeyboard/agent" title="Fork me on GitHub">Fork me on GitHub</a>
|
||||
</div>
|
||||
<ngrx-store-log-monitor toggleCommand="alt-t"></ngrx-store-log-monitor>
|
||||
32
web/src/main-app/main-app.component.scss
Normal file
32
web/src/main-app/main-app.component.scss
Normal file
@@ -0,0 +1,32 @@
|
||||
/* GitHub ribbon */
|
||||
.github-fork-ribbon {
|
||||
background-color: #a00;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
position: fixed;
|
||||
right: -50px;
|
||||
bottom: 40px;
|
||||
z-index: 2000;
|
||||
/* stylelint-disable indentation */
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
-webkit-box-shadow: 0 0 10px #888;
|
||||
-moz-box-shadow: 0 0 10px #888;
|
||||
box-shadow: 0 0 10px #888;
|
||||
/* stylelint-enable indentation */
|
||||
|
||||
a {
|
||||
border: 1px solid #faa;
|
||||
color: #fff;
|
||||
display: block;
|
||||
font: bold 81.25% 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
margin: 1px 0;
|
||||
padding: 10px 50px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 0 5px #444;
|
||||
}
|
||||
}
|
||||
@@ -2,8 +2,11 @@ import { Component, ViewEncapsulation } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'main-app',
|
||||
templateUrl: '../shared/main-app/main-app.component.html',
|
||||
styleUrls: ['../shared/main-app/main-app.component.scss'],
|
||||
templateUrl: './main-app.component.html',
|
||||
styleUrls: [
|
||||
'../shared/main-app/main-app.component.scss',
|
||||
'./main-app.component.scss'
|
||||
],
|
||||
encapsulation: ViewEncapsulation.None
|
||||
})
|
||||
export class MainAppComponent { }
|
||||
|
||||
Reference in New Issue
Block a user