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

UI: Refactoring inline style

Browse Source
This commit is contained in:
Artem Dzhereleiko 2024-12-09 16:44:00 +02:00
parent d2fdcb289c
commit d68342d883
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui-ngx/src/app/modules/home/components/filter/filter-predicate-list.component.html
View File

@ -40,13 +40,13 @@
</div> </div>
<mat-divider style="padding-bottom: 5px;"></mat-divider> <mat-divider style="padding-bottom: 5px;"></mat-divider>
<div class="predicate-list"> <div class="predicate-list">
<div class="flex flex-row items-stretch justify-start" style="height: 100%; min-height: 76px; max-height: 96px;" <div class="flex flex-row items-stretch justify-start h-full min-h-[76px] max-h-[96px]"
formArrayName="predicates" formArrayName="predicates"
*ngFor="let predicateControl of predicatesFormArray.controls; let $index = index"> *ngFor="let predicateControl of predicatesFormArray.controls; let $index = index">
<div class="filters-operation flex max-w-8% flex-full flex-row items-stretch justify-center"> <div class="filters-operation flex max-w-8% flex-full flex-row items-stretch justify-center">
<span *ngIf="$index > 0">{{ complexOperationTranslations.get(operation) | translate }}</span> <span *ngIf="$index > 0">{{ complexOperationTranslations.get(operation) | translate }}</span>
</div> </div>
<div class="flex max-w-92% flex-full flex-col" style="min-width: 590px"> <div class="flex max-w-92% flex-full flex-col min-w-[590px]">
<div class="flex flex-1 flex-row items-center justify-start gap-2"> <div class="flex flex-1 flex-row items-center justify-start gap-2">
<tb-filter-predicate <tb-filter-predicate
class="flex-1" class="flex-1"