Cellule-financiere-transverse-PMO/visua-vue
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 Adding the style of the primevue form field component

Browse Source
This commit is contained in:
Paul Valerie GOMA 2025-07-22 09:12:22 +02:00
parent 56a4447827
commit 75128e71ed
1 changed files with 28 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/assets/style/primevue-style/form.css Normal file
View File

@ -0,0 +1,28 @@
:root {
--p-form-field-background: var(--input-background);
--p-form-field-disabled-background: var(--input-disabled-background);
--p-form-field-border-color: var(--input-border-color);
--p-form-field-hover-border-color: var(--input-border-color);
--p-form-field-focus-border-color: var(--input-border-color);
--p-form-field-color: var(--input-color);
--p-form-field-disabled-color: var(--input-disabled-color);
--p-form-field-placeholder-color: var(--input-color);
--p-form-field-icon-color: var(--input-color);
--p-form-field-padding-x: var(--input-padding-x);
--p-form-field-padding-y: var(--input-padding-y);
--p-form-field-border-radius: var(--input-border-raduis);
--p-form-field-transition-duration: var(--transition-duration);
--p-form-field-focus-ring-width: 0;
--p-form-field-focus-ring-style: none;
--p-form-field-focus-ring-color: transparent;
--p-form-field-focus-ring-offset: 0;
--p-form-field-focus-ring-shadow: none;
--p-form-field-lg-font-size: 1.125rem;
--p-form-field-lg-padding-x: 0.875rem;
--p-form-field-lg-padding-y: 0.625rem;
--p-form-field-sm-font-size: 0.875rem;
--p-form-field-sm-padding-x: 0.625rem;
--p-form-field-sm-padding-y: 0.375rem;
--p-form-field-placeholder-color: var(--input-color);
--p-form-field-invalid-border-color: var(--border-plain-error);
}