From 75128e71ed7f11f908b82acf80660594371cb378 Mon Sep 17 00:00:00 2001 From: Paul Valerie GOMA Date: Tue, 22 Jul 2025 09:12:22 +0200 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Adding=20the=20style=20of=20the?= =?UTF-8?q?=20primevue=20form=20field=20component?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/style/primevue-style/form.css | 28 ++++++++++++++++++++++++ 1 file changed, 28 insertions(+) create mode 100644 src/assets/style/primevue-style/form.css diff --git a/src/assets/style/primevue-style/form.css b/src/assets/style/primevue-style/form.css new file mode 100644 index 0000000..48f62cc --- /dev/null +++ b/src/assets/style/primevue-style/form.css @@ -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); +}