ExternalVendorCode/gns3-web-ui
1
0
Fork 0
mirror of https://github.com/GNS3/gns3-web-ui.git synced 2024-12-21 22:07:48 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Restyling box

Browse Source
This commit is contained in:
Piotr Pekala 2019-05-23 02:17:57 -07:00
parent 6da54a290c
commit fc43f98f86
3 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/components/adbutler/adbutler.component.scss
View File

@ -7,13 +7,13 @@
} }
.butlerdark { .butlerdark {
width: 600px; width: 400px;
border: 0px solid #C0C0C0; border: 0px solid #C0C0C0;
background-color: #263238; background-color: #263238;
} }
.butlerlight { .butlerlight {
width: 600px; width: 400px;
border: 0px solid #C0C0C0; border: 0px solid #C0C0C0;
background-color: white; background-color: white;
} }

2
src/app/components/notification-box/notification-box.component.html
View File

@ -2,7 +2,7 @@
<mat-progress-bar mode="determinate" [value]="progress"></mat-progress-bar> <mat-progress-bar mode="determinate" [value]="progress"></mat-progress-bar>
<div style="display: flex; height: 80px;"> <div style="display: flex; height: 80px;">
<div class="edgeline"></div> <div class="edgeline"></div>
<div> <div class="content">
<app-adbutler theme="dark"></app-adbutler> <app-adbutler theme="dark"></app-adbutler>
<mat-icon (click)="closeNotification()" class="close-button">close</mat-icon> <mat-icon (click)="closeNotification()" class="close-button">close</mat-icon>
</div> </div>

9
src/app/components/notification-box/notification-box.component.scss
View File

@ -2,10 +2,15 @@
posiTion: fixed; posiTion: fixed;
bottom: 10px; bottom: 10px;
right: 5px; right: 5px;
width: 604px; width: 412px;
height: 88px; height: 88px;
} }
.content {
background-color: #263238;
padding-left: 8px;
}
.close-button { .close-button {
position: fixed; position: fixed;
bottom: 65px; bottom: 65px;
@ -24,7 +29,7 @@
} }
.bottomline { .bottomline {
width: 604px; width: 412px;
height: 2px; height: 2px;
background-color: #0097a7; background-color: #0097a7;
} }