InputOtp styles are added

primefaces · Apr 8, 2024 · ab2524b · smarty77 · Apr 9, 2024 · ab2524b
1 parent 19c4414
commit ab2524b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/theme-base/_components.scss b/theme-base/_components.scss
@@ -21,6 +21,7 @@
     @import './components/input/_inputtext';
     @import './components/input/_iconfield';
     @import './components/input/_inputicon';
+    @import './components/input/_inputotp';
     @import './components/input/_listbox';
     @import './components/input/_mention';
     @import './components/input/_multiselect';

diff --git a/theme-base/components/input/_inputotp.scss b/theme-base/components/input/_inputotp.scss
@@ -0,0 +1,10 @@
+.p-inputotp {
+    display: flex;
+    align-items: center;
+    gap: $inlineSpacing;
+}
+
+.p-inputotp-input {
+    text-align: center;
+    width: 2 * nth($inputPadding, 2) + 1rem;
+}