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

UI: Refactoring

Browse Source
This commit is contained in:
Artem Dzhereleiko 2024-12-09 17:20:42 +02:00
parent d68342d883
commit 910e0cabb8
2 changed files with 4 additions and 3 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 h-full min-h-[76px] max-h-[96px]" <div class="flex flex-row items-stretch justify-start h-full min-h-19 max-h-24"
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 min-w-[590px]"> <div class="flex max-w-92% min-w-590 flex-full flex-col ">
<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"

3
ui-ngx/tailwind.config.js
View File

@ -103,7 +103,8 @@ module.exports = {
'25': '6.25rem', '25': '6.25rem',
'37.5': '9.375rem', '37.5': '9.375rem',
'62.5': '15.625rem', '62.5': '15.625rem',
'72.5': '18.125rem' '72.5': '18.125rem',
'590': '36.875rem'
}, },
maxWidth: { maxWidth: {
'5%': '5%', '5%': '5%',