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

Commit2c6c800

Browse files
committed
build
1 parent6b87aab commit2c6c800

File tree

4 files changed

+20
-42
lines changed

4 files changed

+20
-42
lines changed

‎build/bundle.js‎

Lines changed: 5 additions & 17 deletions
Some generated files are not rendered by default. Learn more aboutcustomizing how changed files appear on GitHub.

‎readme.md‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,4 +8,6 @@ Live demo: TODO
88
npm install
99
# watch
1010
npm start
11+
# build
12+
npm run build
1113
```

‎src/layout/layout.component.tsx‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -55,14 +55,14 @@ export default class Layout extends PureComponent<Props, State> {
5555
<S.Container>
5656
<S.Nav>
5757
<S.NavLeft>
58-
<Linkto="/">
58+
<Linkto="/dob-react-hackernews">
5959
<S.Logosrc="https://avatars1.githubusercontent.com/u/32093464?s=200&v=4"/>
6060
</Link>
61-
<Linkto="/"className={classnames({active:this.props.location.pathname==='/dob-react-hackernews'})}>top</Link>
62-
<Linkto="/new"className={classnames({active:this.props.location.pathname==='/dob-react-hackernews/new'})}>new</Link>
63-
<Linkto="/show"className={classnames({active:this.props.location.pathname==='/dob-react-hackernews/show'})}>show</Link>
64-
<Linkto="/ask"className={classnames({active:this.props.location.pathname==='/dob-react-hackernews/ask'})}>ask</Link>
65-
<Linkto="/jobs"className={classnames({active:this.props.location.pathname==='/dob-react-hackernews/jobs'})}>jobs</Link>
61+
<Linkto="/dob-react-hackernews"className={classnames({active:this.props.location.pathname==='/dob-react-hackernews'})}>top</Link>
62+
<Linkto="/dob-react-hackernews/new"className={classnames({active:this.props.location.pathname==='/dob-react-hackernews/new'})}>new</Link>
63+
<Linkto="/dob-react-hackernews/show"className={classnames({active:this.props.location.pathname==='/dob-react-hackernews/show'})}>show</Link>
64+
<Linkto="/dob-react-hackernews/ask"className={classnames({active:this.props.location.pathname==='/dob-react-hackernews/ask'})}>ask</Link>
65+
<Linkto="/dob-react-hackernews/jobs"className={classnames({active:this.props.location.pathname==='/dob-react-hackernews/jobs'})}>jobs</Link>
6666
</S.NavLeft>
6767

6868
<S.NavRight>
@@ -71,11 +71,11 @@ export default class Layout extends PureComponent<Props, State> {
7171
</S.Nav>
7272

7373
<Switch>
74-
<Routeexactpath="/"render={props=><Liststype="top"/>}/>
75-
<Routeexactpath="/new"render={props=><Liststype="new"/>}/>
76-
<Routeexactpath="/show"render={props=><Liststype="show"/>}/>
77-
<Routeexactpath="/ask"render={props=><Liststype="ask"/>}/>
78-
<Routeexactpath="/jobs"render={props=><Liststype="jobs"/>}/>
74+
<Routeexactpath="/dob-react-hackernews"render={props=><Liststype="top"/>}/>
75+
<Routeexactpath="/dob-react-hackernews/new"render={props=><Liststype="new"/>}/>
76+
<Routeexactpath="/dob-react-hackernews/show"render={props=><Liststype="show"/>}/>
77+
<Routeexactpath="/dob-react-hackernews/ask"render={props=><Liststype="ask"/>}/>
78+
<Routeexactpath="/dob-react-hackernews/jobs"render={props=><Liststype="jobs"/>}/>
7979
</Switch>
8080
</S.Container>
8181
);

‎src/layout/layout.style.ts‎

Lines changed: 2 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -22,22 +22,10 @@ export const Nav = styled.nav`
2222
height: 100%;
2323
display: flex;
2424
align-items: center;
25+
border-top: 4px solid transparent;
2526
2627
&.active {
27-
28-
}
29-
30-
&::after {
31-
transform: translateY(0);
32-
display: block;
33-
content: "";
34-
background: #fff;
35-
height: 2px;
36-
position: absolute;
37-
width: 100%;
38-
bottom: 0;
39-
transition: transform .3s ease-out;
40-
transform: translateY(3px);
28+
border-top: 4px solid white;
4129
}
4230
}
4331
`

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp