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>
<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
</ng-template>
<ng-template matTabContent>
<div class="tb-form-panel no-padding no-border tb-tab-body">
<div class="tb-form-panel stroked">
<tb-markdown lineNumbers fallbackToPlainMarkdown [data]='contentData.ubuntu'></tb-markdown>
<div class="tb-form-panel no-padding no-border">
<div class="tb-form-panel no-padding stroked">
<tb-markdown [data]='contentData.ubuntu'></tb-markdown>
</div>
</div>
</ng-template>
@ -44,12 +44,12 @@
<mat-tab>
<ng-template mat-tab-label>
<mat-icon class="tabs-icon" svgIcon="mdi:centos"></mat-icon>
CentOS
CentOS/RHEL
</ng-template>
<ng-template matTabContent>
<div class="tb-form-panel no-padding no-border tb-tab-body">
<div class="tb-form-panel stroked">
<tb-markdown lineNumbers fallbackToPlainMarkdown [data]='contentData.centos'></tb-markdown>
<div class="tb-form-panel no-padding no-border">
<div class="tb-form-panel no-padding stroked">
<tb-markdown [data]='contentData.centos'></tb-markdown>
</div>
</div>
</ng-template>
@ -60,9 +60,9 @@
Docker
</ng-template>
<ng-template matTabContent>
<div class="tb-form-panel no-padding no-border tb-tab-body">
<div class="tb-form-panel stroked">
<tb-markdown lineNumbers fallbackToPlainMarkdown [data]='contentData.docker'></tb-markdown>
<div class="tb-form-panel no-padding no-border">
<div class="tb-form-panel no-padding stroked">
<tb-markdown [data]='contentData.docker'></tb-markdown>
</div>
</div>
</ng-template>

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

@ -46,11 +46,11 @@
}
@media #{$mat-sm} {
width: 470px;
width: 705px;
}
@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 {
.mat-icon {

Loading…
Cancel
Save