Browse Source

Edge instructions style updates

pull/9245/head
deaflynx 3 years ago
parent
commit
64f1b056f2
  1. 22
      ui-ngx/src/app/modules/home/pages/edge/edge-instructions-dialog.component.html
  2. 8
      ui-ngx/src/app/modules/home/pages/edge/edge-instructions-dialog.component.scss

22
ui-ngx/src/app/modules/home/pages/edge/edge-instructions-dialog.component.html

@ -30,13 +30,13 @@
<mat-tab-group [(selectedIndex)]="tabIndex" (selectedTabChange)="selectedTabChange(tabIndex)"> <mat-tab-group [(selectedIndex)]="tabIndex" (selectedTabChange)="selectedTabChange(tabIndex)">
<mat-tab> <mat-tab>
<ng-template mat-tab-label> <ng-template mat-tab-label>
<mat-icon class="tabs-icon" svgIcon="linux"></mat-icon> <mat-icon class="tabs-icon" svgIcon="mdi:ubuntu"></mat-icon>
Ubuntu Ubuntu
</ng-template> </ng-template>
<ng-template matTabContent> <ng-template matTabContent>
<div class="tb-form-panel no-padding no-border tb-tab-body"> <div class="tb-form-panel no-padding no-border">
<div class="tb-form-panel stroked"> <div class="tb-form-panel no-padding stroked">
<tb-markdown lineNumbers fallbackToPlainMarkdown [data]='contentData.ubuntu'></tb-markdown> <tb-markdown [data]='contentData.ubuntu'></tb-markdown>
</div> </div>
</div> </div>
</ng-template> </ng-template>
@ -44,12 +44,12 @@
<mat-tab> <mat-tab>
<ng-template mat-tab-label> <ng-template mat-tab-label>
<mat-icon class="tabs-icon" svgIcon="mdi:centos"></mat-icon> <mat-icon class="tabs-icon" svgIcon="mdi:centos"></mat-icon>
CentOS CentOS/RHEL
</ng-template> </ng-template>
<ng-template matTabContent> <ng-template matTabContent>
<div class="tb-form-panel no-padding no-border tb-tab-body"> <div class="tb-form-panel no-padding no-border">
<div class="tb-form-panel stroked"> <div class="tb-form-panel no-padding stroked">
<tb-markdown lineNumbers fallbackToPlainMarkdown [data]='contentData.centos'></tb-markdown> <tb-markdown [data]='contentData.centos'></tb-markdown>
</div> </div>
</div> </div>
</ng-template> </ng-template>
@ -60,9 +60,9 @@
Docker Docker
</ng-template> </ng-template>
<ng-template matTabContent> <ng-template matTabContent>
<div class="tb-form-panel no-padding no-border tb-tab-body"> <div class="tb-form-panel no-padding no-border">
<div class="tb-form-panel stroked"> <div class="tb-form-panel no-padding stroked">
<tb-markdown lineNumbers fallbackToPlainMarkdown [data]='contentData.docker'></tb-markdown> <tb-markdown [data]='contentData.docker'></tb-markdown>
</div> </div>
</div> </div>
</ng-template> </ng-template>

8
ui-ngx/src/app/modules/home/pages/edge/edge-instructions-dialog.component.scss

@ -46,11 +46,11 @@
} }
@media #{$mat-sm} { @media #{$mat-sm} {
width: 470px; width: 705px;
} }
@media #{$mat-gt-sm} { @media #{$mat-gt-sm} {
width: 720px; width: 1080px;
} }
} }
@ -111,6 +111,10 @@
} }
} }
} }
> p, h1, h2, h3, h4, h5, div {
padding-left: 16px !important;
padding-right: 16px !important;
}
} }
.mdc-button__label > span { .mdc-button__label > span {
.mat-icon { .mat-icon {

Loading…
Cancel
Save