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

UI: Change style add device dialog; Change device credentials style in mobile mode

Browse Source
This commit is contained in:
Vladyslav_Prykhodko 2023-07-05 13:06:54 +03:00
parent b781a05764
commit 95f10e016b
2 changed files with 3 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
ui-ngx/src/app/modules/home/components/device/device-credentials.component.html
View File

@ -16,15 +16,7 @@
--> -->
<section [formGroup]="deviceCredentialsFormGroup"> <section [formGroup]="deviceCredentialsFormGroup">
<mat-form-field class="mat-block" [fxShow.xs]="credentialsTypes?.length > 1" fxHide.gt-xs> <section [fxShow]="credentialsTypes?.length > 1" style="margin-bottom: 16px">
<mat-label translate>device.credentials-type</mat-label>
<mat-select formControlName="credentialsType">
<mat-option *ngFor="let credentialsType of credentialsTypes" [value]="credentialsType">
{{ credentialTypeNamesMap.get(credentialsType) }}
</mat-option>
</mat-select>
</mat-form-field>
<section [fxShow.gt-xs]="credentialsTypes?.length > 1" fxHide.xs style="margin-bottom: 16px">
<div class="tb-type-title" translate>device.credentials-type</div> <div class="tb-type-title" translate>device.credentials-type</div>
<tb-toggle-select formControlName="credentialsType" appearance="fill"> <tb-toggle-select formControlName="credentialsType" appearance="fill">
<tb-toggle-option *ngFor="let credentialsType of credentialsTypes" [value]="credentialsType"> <tb-toggle-option *ngFor="let credentialsType of credentialsTypes" [value]="credentialsType">

4
ui-ngx/src/app/modules/home/components/wizard/device-wizard-dialog.component.html
View File

@ -79,9 +79,9 @@
{{ 'device.overwrite-activity-time' | translate }} {{ 'device.overwrite-activity-time' | translate }}
</mat-slide-toggle> </mat-slide-toggle>
</div> </div>
<mat-form-field class="mat-block"> <mat-form-field class="mat-block" subscriptSizing="dynamic">
<mat-label translate>device.description</mat-label> <mat-label translate>device.description</mat-label>
<textarea matInput formControlName="description" rows="2"></textarea> <textarea matInput formControlName="description" rows="1"></textarea>
</mat-form-field> </mat-form-field>
</fieldset> </fieldset>
</form> </form>