Commit b5de4a5

authored

fix(BuilderPage): use css variables for background and icon border color (react-hook-form#1110)

1 parent 5f84956 commit b5de4a5Copy full SHA for b5de4a5

File tree

-9

lines changed

-9

lines changed

Lines changed: 6 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -9,6 +9,12 @@`
`9`	`9`	`-webkit-overflow-scrolling: touch;`
`10`	`10`	`}`
`11`	`11`
	`12`	`+.builder {`
	`13`	`+ overflow: auto;`
	`14`	`+ height: 100vh;`
	`15`	`+ background: var(--color-background);`
	`16`	`+}`
	`17`	`+`
`12`	`18`	`.pageWrapper {`
`13`	`19`	`display: grid;`
`14`	`20`	`grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));`

Lines changed: 1 addition & 8 deletions

Original file line number	Diff line number	Diff line change
`@@ -433,14 +433,7 @@ function BuilderPage({`
`433`	`433`	`}}`
`434`	`434`	`render={({ style }) => (`
`435`	`435`	`<main className={styles.root} style={style}>`
`436`		`- <div`
`437`		`- id="builder"`
`438`		`- style={{`
`439`		`- overflow: "auto",`
`440`		`- height: "100vh",`
`441`		`- background: colors.primary,`
`442`		`- }}`
`443`		`- >`
	`436`	`+ <div id="builder" className={styles.builder}>`
`444`	`437`	`<button`
`445`	`438`	`className={styles.closeButton}`
`446`	`439`	`aria-label="close builder"`

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,7 @@`
`14`	`14`	`}`
`15`	`15`
`16`	`16`	`.icon {`
`17`		`- border: 1px solid white;`
	`17`	`+ border: 1px solid var(--color-text);`
`18`	`18`	`margin-left: 0;`
`19`	`19`	`margin-right: 5px;`
`20`	`20`	`}`

Comments

(0)