Commit 7e42f2e1 authored by Qianwen's avatar Qianwen
Browse files

partially fix

parent 260f0d1b
Pipeline #518542 passed with stages
in 3 minutes and 13 seconds
......@@ -13,7 +13,7 @@
</div>
<div *ngIf="selectedMAS !== null" class="content-container justify-content-center align-items-center">
<div class="config justify-content-center">
<div class="config">
<div class="title">Config</div>
<table class="table table-striped">
<tbody>
......
......@@ -3,12 +3,15 @@
padding-left: 5%;
}
.containers {
border-radius: 1rem;
margin-top:5rem;
}
.config {
width: 40rem;
}
td {
text-align: center;
}
......
......@@ -24,7 +24,7 @@
</li>
</ul>
<div class="content" *ngIf="curr_state === 'list'">
<div class="d-flex-column align-items-center justify-content-center" *ngIf="curr_state === 'list'">
<div class="inputs d-flex justify-content-center align-items-center">
<input #desc type="text" class="input" id="searchDesc" placeholder="Enter the description"/>
<input #nodeid type="text" class="input" id="searchNode" placeholder="Enter the node ID"/>
......@@ -36,7 +36,7 @@
<div class="empty-service" *ngIf="searched_results === null">
<h1>No services found</h1>
</div>
<div *ngIf="searched_results !== null && searched_results.length !== 0">
<div class="services d-flex flex-wrap justify-content-around" *ngIf="searched_results !== null && searched_results.length !== 0">
<div class="service" *ngFor="let res of searched_results | paginate: { itemsPerPage: 5, currentPage: q }; index as i ">
<div class="service-header d-flex justify-content-between">
<h2>Service {{res.id}}</h2>
......
.content-container {
width: 80% ;
padding-left: 10%;
}
.notalive {
display: flex;
height: 80rem;
......@@ -41,13 +36,20 @@
border: none;
}
/* style of the card */
.empty-service {
color: var(--secondary);
text-align: center;
}
.services {
padding-left: 5rem;
padding-right: 5rem;
}
.service {
width: 40rem;
border: 2px solid var(--background-primary-color);
border-radius: 1rem;
margin-top:5rem;
......@@ -70,15 +72,18 @@
padding-right: 4rem;
}
.table {
margin-bottom: 0rem;
}
.pagination {
width: 100%;
}
.pagination .ngx-pagination .current {
background:var(--secondary);
}
.pagination ::ng-deep .ngx-pagination .current {
background: var(--secondary);
}
/* style of the nav tab */
......@@ -115,9 +120,7 @@
z-index: -1;
}
.pagination ::ng-deep .ngx-pagination .current {
background: var(--secondary);
}
......
......@@ -18,7 +18,7 @@
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="d-flex flex-wrap">
<div *ngFor="let id of notSelectedID">
<div class="agent-not-selected" [ngValue]="id" (click)="onAddID(id)">
agent {{id}}
......@@ -168,8 +168,8 @@
<div *ngIf="currState ==='log' || currState ==='logSeries'" class= "d-flex align-content-end">
<div class="agent-title">agents</div>
<div class="agents">
<div class="row">
<div *ngFor="let id of selectedID" class="agent-selected col-lg-1 is-agent-active" (click)="onDeleteID(id)" [ngValue]="id" >
<div class="d-flex flex-wrap">
<div *ngFor="let id of selectedID" class="agent-selected is-agent-active" (click)="onDeleteID(id)" [ngValue]="id" >
<p>agent {{id}} </p>
<div class="delete"><i class="fas fa-trash"></i></div>
</div>
......
......@@ -61,7 +61,7 @@
.agent-selected {
height: 4rem;
width: 8rem;
width: 12rem;
text-align: center;
border-radius: 4rem;
margin-right: 3rem;
......
......@@ -20,7 +20,7 @@
<div class="modal-body">
<div class="form-group">
<label for="newMAS">Uploaded Contents</label>
<textarea class="form-control" id="newMAS" (change)="onUpdateContent($event.target.value)" [(ngModel)]="display" rows="20">{{display}}</textarea>
<textarea class="form-control myCustomTextArea" id="newMAS" (change)="onUpdateContent($event.target.value)" [(ngModel)]="display" rows="20">{{display}}</textarea>
</div>
<div class="input-group mb-3">
<div class="custom-file">
......
......@@ -99,6 +99,11 @@
background: var(--secondary);
}
.myCustomTextArea {
height: 60rem;
font-size: 1.6rem;
}
......
......@@ -34,7 +34,7 @@ export class OverviewComponent implements OnInit {
/******************** create new MAS *************************/
openLg(content) {
this.modalService.open(content, { size: 'lg', centered: true });
this.modalService.open(content, {centered: true, size:"lg" });
}
closeModal() {
......
......@@ -16,7 +16,8 @@ $secondary: #9696f3;
html {
font-size: 62.5%;
}
html,body {
html, body {
font-family: 'Lato', sans-serif;
height: 100%;
width:100%;
......@@ -32,8 +33,6 @@ app-root {
/* style of sidebar */
.sidebar {
position: fixed;
......@@ -73,8 +72,6 @@ app-root {
z-index: -1;
}
#agents {
margin-bottom: 10rem;
}
......@@ -85,20 +82,12 @@ app-root {
font: bold;
}
.page-item.active .page-link {
background-color: red;
border-color: red;
}
mat-form-field {
width: 14rem;
}
@media (max-width: 575px) {
@media (max-width: 57.5em) {
.content-container {
margin-top: 30rem;
margin-left: 0;
......@@ -109,8 +98,16 @@ mat-form-field {
}
.modal-body {
font-size: 1.6rem;
}
.modal-footer > button {
font-size: 1.6rem;
}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment