Improve responsive layout
parent
b386d59508
commit
04ff22fafc
|
@ -14,7 +14,7 @@
|
||||||
</mat-sidenav>
|
</mat-sidenav>
|
||||||
</mat-sidenav-container>
|
</mat-sidenav-container>
|
||||||
|
|
||||||
<div (click)="sidenav.close()">
|
<div style="overflow-x: auto;position: relative;min-height: calc(100vh - 50px);" (click)="sidenav.close()">
|
||||||
<router-outlet></router-outlet>
|
<router-outlet></router-outlet>
|
||||||
<div id="left">
|
<div id="left">
|
||||||
<router-outlet name="left"></router-outlet>
|
<router-outlet name="left"></router-outlet>
|
||||||
|
|
|
@ -10,6 +10,7 @@
|
||||||
|
|
||||||
img {
|
img {
|
||||||
right: 3vw;
|
right: 3vw;
|
||||||
|
max-width: 27%;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.name-cell {
|
div.name-cell {
|
||||||
|
|
|
@ -22,12 +22,13 @@
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
background: #222;
|
background: #222;
|
||||||
|
font-size: 18px;
|
||||||
margin: 0.2em 0;
|
margin: 0.2em 0;
|
||||||
padding: 1.5vh 0;
|
padding: 1.5vh 0;
|
||||||
|
|
||||||
button {
|
button {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
margin-top: -7px;
|
margin-top: -10px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
&.switch-btn-blufor {
|
&.switch-btn-blufor {
|
||||||
|
@ -40,8 +41,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
mat-icon {
|
mat-icon {
|
||||||
width: 3em;
|
width: 2.5em;
|
||||||
height: 3em;
|
height: 2.5em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -39,12 +39,9 @@
|
||||||
td > img {
|
td > img {
|
||||||
height: 13vh !important;
|
height: 13vh !important;
|
||||||
max-height: 120px;
|
max-height: 120px;
|
||||||
|
max-width: 100%;
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
:host {
|
|
||||||
margin-bottom: -50vh;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
table {
|
table {
|
||||||
|
|
|
@ -1,9 +1,11 @@
|
||||||
<campaign-navigation
|
<div>
|
||||||
[selectedCampaignId]="selectedCampaign._id"
|
<campaign-navigation
|
||||||
(campaignSelect)="switchCampaign($event)"
|
[selectedCampaignId]="selectedCampaign._id"
|
||||||
(campaignEdit)="editCampaign($event)"
|
(campaignSelect)="switchCampaign($event)"
|
||||||
(campaignDelete)="deleteCampaign($event)">
|
(campaignEdit)="editCampaign($event)"
|
||||||
</campaign-navigation>
|
(campaignDelete)="deleteCampaign($event)">
|
||||||
|
</campaign-navigation>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="side-bar"
|
<div class="side-bar"
|
||||||
[ngClass]="{collapsed: collapsed}"
|
[ngClass]="{collapsed: collapsed}"
|
||||||
|
|
Loading…
Reference in New Issue