Commit 441c1f2

committed

[#46] 검색 스타일 변경

1 parent 0868869 commit 441c1f2Copy full SHA for 441c1f2

File tree

+15

-9

lines changed

+15

-9

lines changed

Lines changed: 10 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -25,8 +25,16 @@ function PostSearch({ posts }) {`
`25`	`25`	`getOptionLabel={(option) => option.title}`
`26`	`26`	`renderInput={(params) => (`
`27`	`27`	`<div className="search-input-wrapper">`
`28`		`- <SearchIcon className="search-icon" />`
`29`		`- <TextField className="search-input" variant="standard" {...params} size="medium" />`
	`28`	`+ <TextField`
	`29`	`+ {...params}`
	`30`	`+ className="search-input"`
	`31`	`+ variant="standard"`
	`32`	`+ size="medium"`
	`33`	`+ InputProps={{`
	`34`	`+ ...params.InputProps,`
	`35`	`+ endAdornment: <SearchIcon className="search-icon" />,`
	`36`	`+ }}`
	`37`	`+ />`
`30`	`38`	`</div>`
`31`	`39`	`)}`
`32`	`40`	`/>`

Lines changed: 5 additions & 7 deletions

Original file line number	Diff line number	Diff line change
`@@ -4,9 +4,9 @@`
`4`	`4`
`5`	`5`	`.search-input-wrapper {`
`6`	`6`	`display: none;`
`7`		`- align-items: flex-end;`
	`7`	`+ align-items: center;`
`8`	`8`	`width: 180px;`
`9`		`- margin-bottom: 6px;`
	`9`	`+ margin-top: 3px;`
`10`	`10`
`11`	`11`	`@include md {`
`12`	`12`	`display: flex;`
`@@ -15,20 +15,18 @@`
`15`	`15`
`16`	`16`	`.search-icon {`
`17`	`17`	`margin-right: 2px;`
`18`		`- font-size: 22px;`
`19`	`18`	`color: var(--primary-text-color);`
`20`	`19`	`}`
`21`	`20`
`22`	`21`	`.search-input {`
`23`	`22`	`width: 100%;`
`24`	`23`	`height: 100%;`
`25`		`- margin-left: 5px;`
`26`		`- padding-left: 2px;`
`27`		`- vertical-align: center;`
`28`	`24`
`29`	`25`	`.MuiInputBase-input {`
`30`	`26`	`font-family: $font-family;`
`31`		`- font-size: 15px;`
	`27`	`+ font-size: 16px;`
	`28`	`+ font-weight: 500;`
	`29`	`+ padding-bottom: 2px !important;`
`32`	`30`	`color: var(--primary-text-color) !important;`
`33`	`31`	`}`
`34`	`32`

Comments

(0)