Add sizes to inputtext

pull/5880/head
Cagatay Civici 2024-06-12 09:29:33 +03:00
parent 361abb9fa7
commit 11c713a6dd
6 changed files with 56 additions and 15 deletions

View File

@ -11,6 +11,7 @@ import FloatLabelDoc from '@/doc/inputtext/FloatLabelDoc.vue';
import HelpTextDoc from '@/doc/inputtext/HelpTextDoc.vue';
import ImportDoc from '@/doc/inputtext/ImportDoc.vue';
import InvalidDoc from '@/doc/inputtext/InvalidDoc.vue';
import SizesDoc from '@/doc/inputtext/SizesDoc.vue';
import PTComponent from '@/doc/inputtext/pt/index.vue';
import ThemingDoc from '@/doc/inputtext/theming/index.vue';
@ -28,21 +29,21 @@ export default {
label: 'Basic',
component: BasicDoc
},
/*{
id: 'sizes',
label: 'Sizes',
component: SizesDoc
},*/
{
id: 'helptext',
label: 'HelpText',
component: HelpTextDoc
},
{
id: 'floatlabel',
label: 'Float Label',
component: FloatLabelDoc
},
{
id: 'sizes',
label: 'Sizes',
component: SizesDoc
},
{
id: 'helptext',
label: 'Help Text',
component: HelpTextDoc
},
{
id: 'filled',
label: 'Filled',

View File

@ -51,6 +51,16 @@ const theme = ({ dt }) => `
color: ${dt('inputtext.placeholder.color')};
}
.p-inputtext-sm {
font-size: ${dt('inputtext.sm.font.size')};
padding: ${dt('inputtext.sm.padding.y')} ${dt('inputtext.sm.padding.x')};
}
.p-inputtext-lg {
font-size: ${dt('inputtext.lg.font.size')};
padding: ${dt('inputtext.lg.padding.y')} ${dt('inputtext.lg.padding.x')};
}
.p-fluid .p-inputtext {
width: 100%;
}

View File

@ -22,6 +22,16 @@ export default {
offset: '{form.field.focus.ring.offset}',
shadow: '{form.field.focus.ring.shadow}'
},
transitionDuration: '{form.field.transition.duration}'
transitionDuration: '{form.field.transition.duration}',
sm: {
fontSize: '0.875rem',
paddingX: '0.625rem',
paddingY: '0.375rem'
},
lg: {
fontSize: '1.125rem',
paddingX: '0.875rem',
paddingY: '0.625rem'
}
}
};

View File

@ -8,12 +8,12 @@ export default {
iconOnlyWidth: '2.75rem',
sm: {
fontSize: '0.875rem',
paddingX: '0.875rem',
paddingX: '0.625rem',
paddingY: '0.5rem'
},
lg: {
fontSize: '1.125rem',
paddingX: '1.125rem',
paddingX: '0.875rem',
paddingY: '0.75rem'
},
label: {

View File

@ -22,6 +22,16 @@ export default {
offset: '{form.field.focus.ring.offset}',
shadow: '{form.field.focus.ring.shadow}'
},
transitionDuration: '{form.field.transition.duration}'
transitionDuration: '{form.field.transition.duration}',
sm: {
fontSize: '0.875rem',
paddingX: '0.625rem',
paddingY: '0.5rem'
},
lg: {
fontSize: '1.125rem',
paddingX: '0.875rem',
paddingY: '0.75rem'
}
}
};

View File

@ -22,6 +22,16 @@ export default {
offset: '{form.field.focus.ring.offset}',
shadow: '{form.field.focus.ring.shadow}'
},
transitionDuration: '{form.field.transition.duration}'
transitionDuration: '{form.field.transition.duration}',
sm: {
fontSize: '0.875rem',
paddingX: '0.625rem',
paddingY: '0.375rem'
},
lg: {
fontSize: '1.125rem',
paddingX: '0.875rem',
paddingY: '0.625rem'
}
}
};