diff --git a/src/front/Components/Elements/NumberPicker/classes.module.scss b/src/front/Components/Elements/NumberPicker/classes.module.scss index d20f2a32..b6acae88 100644 --- a/src/front/Components/Elements/NumberPicker/classes.module.scss +++ b/src/front/Components/Elements/NumberPicker/classes.module.scss @@ -3,8 +3,9 @@ justify-content: center; align-items: center; width: fit-content; + border-radius: var(--input-radius, 0px); border: 1px solid var(--input-main-border-default, #d7dce0); - background: var(--input-background, #e8dddd); + background: var(--input-background, #fff); padding: var(--spacing-1-5, 12px) var(--spacing-md, 16px); gap: var(--spacing-2, 16px); .button { @@ -14,6 +15,17 @@ height: 24px; width: 24px; cursor: pointer; + + > svg { + stroke-width: 1.5px; + stroke: var(--input-placeholder-filled, #24282e); + } + + &:disabled { + > svg { + stroke: var(--input-placeholder-empty, #6d7e8a); + } + } } .input { @@ -21,5 +33,12 @@ height: 40px; text-align: center; border: none; + color: var(--input-placeholder-filled, #24282e); + font-family: var(--font-text-family, Poppins); + font-size: 16px; + font-style: normal; + font-weight: var(--font-text-weight-regular, 400); + line-height: normal; + letter-spacing: 0.08px; } }