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

Commit 7a31729

Browse files
Introduce logo to <Welcome />
1 parent 3a8faf8 commit 7a31729

File tree

3 files changed

+29
-2
lines changed

3 files changed

+29
-2
lines changed

‎packages/react-bootstrap-table2-example/examples/welcome.js‎

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11
import React from 'react';
22
import Typed from 'typed.js';
33

4+
const PROJECT_NAME = 'react-bootstrap-table2';
5+
46
export default class Welcome extends React.Component {
57
componentDidMount() {
68
// type.js config
@@ -21,13 +23,20 @@ export default class Welcome extends React.Component {
2123
return (
2224
<div>
2325
<div className="welcome">
24-
<h1 className="welcome-title">react-bootstrap-table2</h1>
26+
<div className="welcome-title">
27+
<span className="welcome-title-logo">
28+
<img src="images/logo-color-square.svg" alt={ `${PROJECT_NAME}-logo` } />
29+
</span>
30+
<h1>
31+
{PROJECT_NAME}
32+
</h1>
33+
</div>
2534
<span
2635
className="welcome-sub-title"
2736
ref={ (el) => { this.el = el; } }
2837
/>
2938
</div>
30-
<a href="https://github.com/react-bootstrap-table/react-bootstrap-table2" className="github-corner" aria-label="View source on Github">
39+
<a href={`https://github.com/react-bootstrap-table/${PROJECT_NAME}`} className="github-corner" aria-label="View source on Github">
3140
<svg width="80" height="80" viewBox="0 0 250 250" style={ { fill: '#009688', color: '#fff', position: 'absolute', top: '0', border: '0', right: '0' } } aria-hidden="true">
3241
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z" />
3342
<path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style={ { transformOrigin: '130px 106px' } } className="octo-arm" />
Lines changed: 1 addition & 0 deletions
Loading[フレーム]

‎packages/react-bootstrap-table2-example/stories/stylesheet/welcome/_index.scss‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,28 @@
1+
$logo-size: 96px;
2+
13
.welcome {
24
margin-top: 70px;
35
text-align: center;
46
padding: 30px 30px;
57

68
&-title {
79
color: $grey-900;
10+
width: 100%;
11+
12+
display: inline-flex;
13+
justify-content: center;
14+
align-content: center;
15+
16+
&-logo {
17+
position: relative;
18+
top: -8px;
19+
right: -12px;
20+
21+
width: $logo-size;
22+
height: $logo-size;
23+
}
824
}
25+
926
&-sub-title {
1027
font-size: 30px;
1128
color: $grey-500;

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /