Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings
This repository was archived by the owner on Nov 8, 2022. It is now read-only.

Commit8f8a802

Browse files
committed
refactor(cool-guide): adjust search box bg-color
1 parentf58470c commit8f8a802

File tree

1 file changed

+17
-15
lines changed
  • src/containers/content/CoolGuideContent/styles/search_cover

1 file changed

+17
-15
lines changed

‎src/containers/content/CoolGuideContent/styles/search_cover/input_box.ts‎

Lines changed: 17 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -19,8 +19,10 @@ export const InputWrapper = styled.div<{ noRound: boolean }>`
1919
opacity: 0.8;
2020
border: 1px solid;
2121
border-color:${theme('content.cardBg')};
22-
&:hover {
23-
background-color:${theme('content.cardBg')};
22+
23+
&:hover,
24+
&:focus,
25+
&:active {
2426
opacity: 1;
2527
border: 1px solid #1e6184;
2628
}
@@ -33,19 +35,6 @@ export const InputWrapper = styled.div<{ noRound: boolean }>`
3335
padding: 8px;
3436
`};
3537
`
36-
exportconstInputMask=styled.div<TActive>`
37-
${css.flex('align-both')};
38-
position: absolute;
39-
display:${({ show})=>(show ?'flex' :'none')};
40-
top: 0;
41-
left: 18px;
42-
width: 400px;
43-
height: 40px;
44-
`
45-
exportconstMaskNumer=styled.span`
46-
color: #327faf;
47-
margin-right: 4px;
48-
`
4938
exportconstInputBar=styled.input.attrs(()=>({
5039
spellCheck:'false',
5140
autoComplete:'off',
@@ -71,3 +60,16 @@ export const InputBar = styled.input.attrs(() => ({
7160
color: #135868;
7261
}
7362
`
63+
exportconstInputMask=styled.div<TActive>`
64+
${css.flex('align-both')};
65+
position: absolute;
66+
display:${({ show})=>(show ?'flex' :'none')};
67+
top: 0;
68+
left: 18px;
69+
width: 400px;
70+
height: 40px;
71+
`
72+
exportconstMaskNumer=styled.span`
73+
color: #327faf;
74+
margin-right: 4px;
75+
`

0 commit comments

Comments
 (0)

[8]ページ先頭

©2009-2025 Movatter.jp