Skip to content

Commit c95653c

Browse files
Stanislava CervenakovaStanislava Cervenakova
Stanislava Cervenakova
authored and
Stanislava Cervenakova
committed
fix: inputs should have same height
1 parent 22d9ca1 commit c95653c

7 files changed

Lines changed: 35 additions & 35 deletions

File tree

‎apps/showcase/doc/autocomplete/sizes-doc.ts‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1+
import { AppCode } from '@/components/doc/app.code';
2+
import { AppDocSectionText } from '@/components/doc/app.docsectiontext';
13
import { Component } from '@angular/core';
24
import { FormsModule } from '@angular/forms';
35
import { AutoCompleteModule } from 'primeng/autocomplete';
4-
import { AppDocSectionText } from '@/components/doc/app.docsectiontext';
5-
import { AppCode } from '@/components/doc/app.code';
66

77
@Component({
88
selector: 'sizes-doc',
@@ -12,9 +12,9 @@ import { AppCode } from '@/components/doc/app.code';
1212
<p>AutoComplete provides <i>small</i> and <i>large</i> sizes as alternatives to the base.</p>
1313
</app-docsectiontext>
1414
<div class="card flex flex-col items-center gap-4">
15-
<p-autocomplete [(ngModel)]="value1" [suggestions]="items" (completeMethod)="search()" size="small" placeholder="Small" dropdown />
16-
<p-autocomplete [(ngModel)]="value2" [suggestions]="items" (completeMethod)="search()" placeholder="Normal" dropdown />
17-
<p-autocomplete [(ngModel)]="value3" [suggestions]="items" (completeMethod)="search()" size="large" placeholder="Large" dropdown />
15+
<p-autocomplete [(ngModel)]="value1" [suggestions]="items" (completeMethod)="search()" size="small" placeholder="Small" class="h-8" dropdown />
16+
<p-autocomplete [(ngModel)]="value2" [suggestions]="items" (completeMethod)="search()" placeholder="Normal" class="h-10" dropdown />
17+
<p-autocomplete [(ngModel)]="value3" [suggestions]="items" (completeMethod)="search()" size="large" placeholder="Large" class="h-11" dropdown />
1818
</div>
1919
<app-code></app-code>`
2020
})

‎apps/showcase/doc/inputmask/sizes-doc.ts‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
1+
import { AppCodeModule } from '@/components/doc/app.code';
2+
import { AppDocSectionText } from '@/components/doc/app.docsectiontext';
13
import { Component } from '@angular/core';
24
import { FormsModule } from '@angular/forms';
35
import { InputMaskModule } from 'primeng/inputmask';
46
import { InputText } from 'primeng/inputtext';
5-
import { AppCodeModule } from '@/components/doc/app.code';
6-
import { AppDocSectionText } from '@/components/doc/app.docsectiontext';
77

88
@Component({
99
selector: 'sizes-doc',
@@ -14,9 +14,9 @@ import { AppDocSectionText } from '@/components/doc/app.docsectiontext';
1414
<p>InputMask provides <i>small</i> and <i>large</i> sizes as alternatives to the base.</p>
1515
</app-docsectiontext>
1616
<div class="card flex flex-col items-center gap-4">
17-
<input pInputText [(ngModel)]="value1" placeholder="Small" pSize="small" pInputMask="99-999999" />
18-
<input pInputText [(ngModel)]="value2" placeholder="Normal" pInputMask="99-999999" />
19-
<input pInputText [(ngModel)]="value3" placeholder="Large" pSize="large" pInputMask="99-999999" />
17+
<input pInputText [(ngModel)]="value1" placeholder="Small" pSize="small" pInputMask="99-999999" class="h-8" />
18+
<input pInputText [(ngModel)]="value2" placeholder="Normal" pInputMask="99-999999" class="h-10" />
19+
<input pInputText [(ngModel)]="value3" placeholder="Large" pSize="large" pInputMask="99-999999" class="h-11" />
2020
</div>
2121
<app-code></app-code>
2222
`

‎apps/showcase/doc/inputnumber/sizes-doc.ts‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1+
import { AppCodeModule } from '@/components/doc/app.code';
2+
import { AppDocSectionText } from '@/components/doc/app.docsectiontext';
13
import { Component } from '@angular/core';
24
import { FormsModule } from '@angular/forms';
35
import { InputNumberModule } from 'primeng/inputnumber';
4-
import { AppCodeModule } from '@/components/doc/app.code';
5-
import { AppDocSectionText } from '@/components/doc/app.docsectiontext';
66

77
@Component({
88
selector: 'sizes-doc',
@@ -13,9 +13,9 @@ import { AppDocSectionText } from '@/components/doc/app.docsectiontext';
1313
<p>InputNumber provides <i>small</i> and <i>large</i> sizes as alternatives to the base.</p>
1414
</app-docsectiontext>
1515
<div class="card flex flex-col items-center gap-4">
16-
<p-inputnumber [(ngModel)]="value1" size="small" placeholder="Small" mode="currency" currency="USD" locale="en-US" />
17-
<p-inputnumber [(ngModel)]="value2" placeholder="Normal" mode="currency" currency="USD" locale="en-US" />
18-
<p-inputnumber [(ngModel)]="value3" size="large" placeholder="Large" mode="currency" currency="USD" locale="en-US" />
16+
<p-inputnumber [(ngModel)]="value1" size="small" placeholder="Small" mode="currency" currency="USD" locale="en-US" class="h-8" />
17+
<p-inputnumber [(ngModel)]="value2" placeholder="Normal" mode="currency" currency="USD" locale="en-US" class="h-10" />
18+
<p-inputnumber [(ngModel)]="value3" size="large" placeholder="Large" mode="currency" currency="USD" locale="en-US" class="h-11" />
1919
</div>
2020
<app-code></app-code>
2121
`

‎apps/showcase/doc/inputotp/sizes-doc.ts‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1+
import { AppCodeModule } from '@/components/doc/app.code';
2+
import { AppDocSectionText } from '@/components/doc/app.docsectiontext';
13
import { Component } from '@angular/core';
24
import { FormsModule } from '@angular/forms';
35
import { InputOtpModule } from 'primeng/inputotp';
4-
import { AppCodeModule } from '@/components/doc/app.code';
5-
import { AppDocSectionText } from '@/components/doc/app.docsectiontext';
66

77
@Component({
88
selector: 'sizes-doc',
@@ -13,9 +13,9 @@ import { AppDocSectionText } from '@/components/doc/app.docsectiontext';
1313
<p>InputOtp provides <i>small</i> and <i>large</i> sizes as alternatives to the base.</p>
1414
</app-docsectiontext>
1515
<div class="card flex flex-col items-center gap-4">
16-
<p-inputotp [(ngModel)]="value1" size="small" />
17-
<p-inputotp [(ngModel)]="value2" />
18-
<p-inputotp [(ngModel)]="value3" size="large" />
16+
<p-inputotp [(ngModel)]="value1" size="small" class="h-8" />
17+
<p-inputotp [(ngModel)]="value2" class="h-10" />
18+
<p-inputotp [(ngModel)]="value3" size="large" class="h-11" />
1919
</div>
2020
<app-code></app-code>
2121
`

‎apps/showcase/doc/inputtext/sizes-doc.ts‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1+
import { AppCodeModule } from '@/components/doc/app.code';
2+
import { AppDocSectionText } from '@/components/doc/app.docsectiontext';
13
import { Component } from '@angular/core';
24
import { FormsModule } from '@angular/forms';
35
import { InputTextModule } from 'primeng/inputtext';
4-
import { AppCodeModule } from '@/components/doc/app.code';
5-
import { AppDocSectionText } from '@/components/doc/app.docsectiontext';
66

77
@Component({
88
selector: 'sizes-doc',
@@ -13,9 +13,9 @@ import { AppDocSectionText } from '@/components/doc/app.docsectiontext';
1313
<p>InputText provides <i>small</i> and <i>large</i> sizes as alternatives to the standard.</p>
1414
</app-docsectiontext>
1515
<div class="card flex flex-col items-center gap-4 ">
16-
<input pInputText [(ngModel)]="value1" type="text" pSize="small" placeholder="Small" />
17-
<input pInputText [(ngModel)]="value2" type="text" placeholder="Normal" />
18-
<input pInputText [(ngModel)]="value3" type="text" pSize="large" placeholder="Large" />
16+
<input pInputText [(ngModel)]="value1" type="text" pSize="small" placeholder="Small" class="h-8" />
17+
<input pInputText [(ngModel)]="value2" type="text" placeholder="Normal" class="h-10" />
18+
<input pInputText [(ngModel)]="value3" type="text" pSize="large" placeholder="Large" class="h-11" />
1919
</div>
2020
<app-code></app-code>
2121
`

‎apps/showcase/doc/select/sizes-doc.ts‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
import { Component, OnInit } from '@angular/core';
2-
import { AppDocSectionText } from '@/components/doc/app.docsectiontext';
31
import { AppCode } from '@/components/doc/app.code';
2+
import { AppDocSectionText } from '@/components/doc/app.docsectiontext';
3+
import { Component, OnInit } from '@angular/core';
44
import { FormsModule } from '@angular/forms';
55
import { SelectModule } from 'primeng/select';
66

@@ -18,9 +18,9 @@ interface City {
1818
<p>Select provides <i>small</i> and <i>large</i> sizes as alternatives to the base.</p>
1919
</app-docsectiontext>
2020
<div class="card flex flex-col items-center gap-4">
21-
<p-select [(ngModel)]="value1" [options]="cities" optionLabel="name" size="small" placeholder="Small" class="w-full md:w-56" />
22-
<p-select [(ngModel)]="value2" [options]="cities" optionLabel="name" placeholder="Normal" class="w-full md:w-56" />
23-
<p-select [(ngModel)]="value3" [options]="cities" optionLabel="name" size="large" placeholder="Large" class="w-full md:w-56" />
21+
<p-select [(ngModel)]="value1" [options]="cities" optionLabel="name" size="small" placeholder="Small" class="w-full md:w-56 h-8" />
22+
<p-select [(ngModel)]="value2" [options]="cities" optionLabel="name" placeholder="Normal" class="w-full md:w-56 h-10" />
23+
<p-select [(ngModel)]="value3" [options]="cities" optionLabel="name" size="large" placeholder="Large" class="w-full md:w-56 h-11" />
2424
</div>
2525
<app-code></app-code>
2626
`

‎apps/showcase/doc/selectbutton/sizes-doc.ts‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1+
import { AppCode } from '@/components/doc/app.code';
2+
import { AppDocSectionText } from '@/components/doc/app.docsectiontext';
13
import { Component } from '@angular/core';
24
import { FormsModule } from '@angular/forms';
35
import { SelectButton } from 'primeng/selectbutton';
4-
import { AppDocSectionText } from '@/components/doc/app.docsectiontext';
5-
import { AppCode } from '@/components/doc/app.code';
66

77
@Component({
88
selector: 'sizes-doc',
@@ -13,9 +13,9 @@ import { AppCode } from '@/components/doc/app.code';
1313
<p>SelectButton provides <i>small</i> and <i>large</i> sizes as alternatives to the base.</p>
1414
</app-docsectiontext>
1515
<div class="card flex flex-col items-center gap-4">
16-
<p-selectbutton [(ngModel)]="value1" [options]="options" size="small" />
17-
<p-selectbutton [(ngModel)]="value2" [options]="options" />
18-
<p-selectbutton [(ngModel)]="value3" [options]="options" size="large" />
16+
<p-selectbutton [(ngModel)]="value1" [options]="options" size="small" class="h-8" />
17+
<p-selectbutton [(ngModel)]="value2" [options]="options" class="h-10" />
18+
<p-selectbutton [(ngModel)]="value3" [options]="options" size="large" class="h-11" />
1919
</div>
2020
<app-code></app-code>
2121
`

0 commit comments

Comments
 (0)