dendi-wang/thingsboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Edge instructions style updates

Browse Source
This commit is contained in:
deaflynx 2023-09-13 16:09:25 +03:00
parent c3f4f8d3a1
commit 64f1b056f2
2 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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
View File

@ -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 {