Skip to content

Commit e5932a8

CodeInDna CodeInDna

committed

Add Svg Background to PaletteList

1 parent 11ba136 commit e5932a8Copy full SHA for e5932a8

File tree

3 files changed

+14

-5

lines changed

react-color-palettes/src/styles

3 files changed

+14

-5

lines changed

`‎react-color-palettes/src/styles/ColorBoxStyles.js‎`

Lines changed: 2 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,7 @@ export default{`
`9`	`9`	`margin: "0 auto",`
`10`	`10`	`position: "relative",`
`11`	`11`	`cursor: "pointer",`
`12`		`- marginBottom: "-3.8px",`
	`12`	`+ marginBottom: "-4px",`
`13`	`13`	`"&:hover button": {`
`14`	`14`	`opacity: "1",`
`15`	`15`	`transitionDuration: "0.8s",`
`@@ -24,7 +24,7 @@ export default{`
`24`	`24`	`},`
`25`	`25`	`[sizes.down("xs")]: {`
`26`	`26`	`width: "100%",`
`27`		`- height: props => props.showLink ? "5%" : "10%",`
	`27`	`+ height: props => props.showLink ? "7%" : "10%",`
`28`	`28`	`}`
`29`	`29`	`},`
`30`	`30`	`copyText: {`

`‎react-color-palettes/src/styles/DraggableColorBoxesStyles.js‎`

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,7 @@ const styles = {`
`8`	`8`	`margin: "0 auto",`
`9`	`9`	`position: "relative",`
`10`	`10`	`cursor: "pointer",`
`11`		`- marginBottom: "-4.8px",`
	`11`	`+ marginBottom: "-5px",`
`12`	`12`	`"&:hover svg":{`
`13`	`13`	`color: "white",`
`14`	`14`	`transform: "scale(1.5)"`

`‎react-color-palettes/src/styles/PaletteListStyles.js‎`

Lines changed: 11 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,11 +1,20 @@`
`1`	`1`	`import sizes from './sizes';`
	`2`	`+import bg from './bg.svg';`
	`3`	`+`
`2`	`4`	`export default{`
`3`	`5`	`root: {`
`4`		`- backgroundColor: "blue",`
	`6`	`+ backgroundColor: "#4f5b78",`
`5`	`7`	`height: "100vh",`
`6`	`8`	`display: "flex",`
`7`	`9`	`alignItems: "flex-start",`
`8`	`10`	`justifyContent: "center",`
	`11`	+ backgroundImage: `url(${bg})`,
	`12`	`+ backgroundRepeat: "no-repeat",`
	`13`	`+ backgroundSize: "cover",`
	`14`	`+ overflow: "scroll",`
	`15`	`+ "& h1":{`
	`16`	`+ fontSize: "1.7rem"`
	`17`	`+ }`
`9`	`18`	`},`
`10`	`19`	`container: {`
`11`	`20`	`width: "50%",`
`@@ -42,7 +51,7 @@ export default{`
`42`	`51`	`},`
`43`	`52`	`[sizes.down("xs")]:{`
`44`	`53`	`gridTemplateColumns: "repeat(1, 100%)",`
`45`		`- gridGap: "1rem"`
	`54`	`+ gridGap: "1.4rem"`
`46`	`55`	`}`
`47`	`56`	`}`
`48`	`57`	`}`

0 commit comments

Comments

(0)