From ba9299c6321cd62bb84efb6db5b6e122e4b1b264 Mon Sep 17 00:00:00 2001 From: Thomas Citharel Date: Tue, 27 Feb 2024 16:29:09 +0100 Subject: [PATCH] fix(front): fix space around input icons Signed-off-by: Thomas Citharel --- src/assets/oruga-tailwindcss.css | 8 +++++++- src/oruga-config.ts | 2 ++ 2 files changed, 9 insertions(+), 1 deletion(-) diff --git a/src/assets/oruga-tailwindcss.css b/src/assets/oruga-tailwindcss.css index 70248bae0..afc56d64a 100644 --- a/src/assets/oruga-tailwindcss.css +++ b/src/assets/oruga-tailwindcss.css @@ -110,7 +110,13 @@ body { @apply border-red-500; } .input-icon-right { - right: 0.5rem; + @apply right-2; +} +.input-iconspace-left { + @apply pl-8; +} +.input-iconspace-right { + @apply pr-8; } .input[type="text"]:disabled, .input[type="email"]:disabled { diff --git a/src/oruga-config.ts b/src/oruga-config.ts index 7d97f7722..2131f1e39 100644 --- a/src/oruga-config.ts +++ b/src/oruga-config.ts @@ -34,6 +34,8 @@ export const orugaConfig = { sizeClass: (size: string) => { return `input-size-${size}`; }, + iconLeftSpaceClass: "input-iconspace-left", + iconRightSpaceClass: "input-iconspace-right", }, taginput: { itemClass: "taginput-item",