rowtype-yoga/ry-blocks
1
0
Fork 0
mirror of https://github.com/rowtype-yoga/ry-blocks.git synced 2024-09-11 21:38:06 +03:00
Code Issues Packages Projects Releases Wiki Activity

Input width

Browse Source
This commit is contained in:
Mark Eibes 2022-06-28 20:02:32 +02:00
parent 08d4adc21a
commit 543977b59f
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/Yoga/Block/Atom/Input/Style.purs
View File

@ -183,7 +183,7 @@ inputContainer props = theCss <>? props.css
, cursor: str "text"
, boxSizing: borderBox
, display: flex
, width: str "calc(var(--s4) * 2)"
, width: str "100%"
, """&[data-invalid="false"]""":
nest
{ borderColor: str colour.success
@ -220,6 +220,7 @@ inputContainer props = theCss <>? props.css
containerContainer ∷ ∀ r. { | Props OptionalProp r } -> Style
containerContainer props = css { "--border-width": str "1px"
, "--input-border-radius": var "--s-1"
, width: str "calc(var(--s4) * 2)"
, background: str (props.background ?|| colour.inputBackground)
, boxSizing: contentBox
, borderRadius: var "--input-border-radius"