Skip to content

Commit dc71320

Browse files
author
Yeliazar
committed
debugs
1 parent 044b53a commit dc71320

File tree

8 files changed

+27
-27
lines changed

8 files changed

+27
-27
lines changed

src/components/Header/Header.js

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -145,14 +145,14 @@ class Header extends React.Component {
145145
</NavLink>
146146
</div>
147147
<div className={`d-print-none ${s.root}`}>
148-
<UncontrolledAlert className={`${s.alert} mr-3 d-lg-down-none animate__animated animate__bounceIn animate__delay-1s`}>
149-
Check out Light Blue
150-
<button
151-
className="btn-link"
152-
onClick={() => this.setState({ settingsOpen: true })}
153-
>
154-
<SettingsIcon className={s.settingsIcon} />
155-
</button> on the right!
148+
<UncontrolledAlert className={`${s.alert} mr-3 d-lg-down-none animate__animated animate__bounceIn animate__delay-1s`}>
149+
Check out Light Blue
150+
<button
151+
className="btn-link"
152+
onClick={() => this.setState({ settingsOpen: true })}
153+
>
154+
<SettingsIcon className={s.settingsIcon} />
155+
</button> on the right!
156156
</UncontrolledAlert>
157157
<Collapse className={`${s.searchCollapse} ml-lg-0 mr-md-3`} isOpen={this.state.searchOpen}>
158158
<InputGroup className={`${s.navbarForm} ${this.state.searchFocused ? s.navbarFormFocused : ''}`}>

src/components/Header/Header.module.scss

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -18,9 +18,9 @@
1818
.alert {
1919
width: 275px;
2020
height: 30px;
21-
display: block;
22-
margin-top: .5rem;
23-
margin: 0;
21+
display: flex;
22+
align-items: center;
23+
margin: auto;
2424
transition: margin-top 0.2s ease;
2525
background: #12142B80;
2626
border: none;

src/pages/forms/wizard/Wizard.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -191,7 +191,7 @@ class Wizard extends React.Component {
191191
<h1 className="page-title">Form - <span className="fw-semi-bold">Wizard</span>
192192
</h1>
193193
<Row>
194-
<Col xl={12} lg={12} md={12} sm={12}>
194+
<Col sm={12}>
195195
<Widget
196196
close collapse
197197
className={s.formWizard}

src/pages/package/SPackage.js

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ class SPackage extends React.Component {
2121
</h2>
2222
<p className="lead">Over 8,000 developers worldwide chose our bootstrap admin templates to build their web applications, SAAS and E-Commerce platforms faster. Jump in to burn through your gig too!</p>
2323
<Row>
24-
<Col lg={6} md={6} sm={12}>
24+
<Col sm={12} lg={6}>
2525
<Widget
2626
title={
2727
<h6>React JS Version</h6>
@@ -48,7 +48,7 @@ class SPackage extends React.Component {
4848
<button className="btn btn-transparent btn-lg btn-block disabled">(You are here)</button>
4949
</Widget>
5050
</Col>
51-
<Col lg={6} md={6} sm={12}>
51+
<Col sm={12} lg={6}>
5252
<Widget
5353
title={
5454
<h6>Angular Version</h6>
@@ -79,7 +79,7 @@ class SPackage extends React.Component {
7979
</a>
8080
</Widget>
8181
</Col>
82-
<Col lg={6} md={6} sm={12}>
82+
<Col sm={12} lg={6}>
8383
<Widget
8484
title={
8585
<h6>Pure HTML5 Version</h6>
@@ -111,7 +111,7 @@ class SPackage extends React.Component {
111111
</a>
112112
</Widget>
113113
</Col>
114-
<Col lg={6} md={6} sm={12}>
114+
<Col sm={12} lg={6}>
115115
<Widget
116116
title={
117117
<h6>VUE JS Version</h6>

src/pages/ui-elements/alerts/Alerts.js

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ class Alerts extends Component {
4747
<div>
4848
<h1 className="page-title">Alerts</h1>
4949
<Row>
50-
<Col xs={12} md={12} lg={6}>
50+
<Col xs={12} lg={6}>
5151
<Widget
5252
title={<h5>Alert <span className="fw-semi-bold">Messages</span></h5>}
5353
close collapse
@@ -61,7 +61,7 @@ class Alerts extends Component {
6161
</Alert>)}
6262
</Widget>
6363
</Col>
64-
<Col xs={12} md={12} lg={6}>
64+
<Col xs={12} lg={6}>
6565
<Widget
6666
title={<h5>Transparent <span className="fw-semi-bold">Alerts</span></h5>}
6767
close collapse
@@ -76,7 +76,7 @@ class Alerts extends Component {
7676
</Alert>)}
7777
</Widget>
7878
</Col>
79-
<Col xs={12} md={12} lg={6}>
79+
<Col xs={12} lg={6}>
8080
<Widget
8181
title={<h5>Rounded <span className="fw-semi-bold">Alerts</span></h5>}
8282
close collapse
@@ -91,7 +91,7 @@ class Alerts extends Component {
9191
</Alert>)}
9292
</Widget>
9393
</Col>
94-
<Col xs={12} md={12} lg={6}>
94+
<Col xs={12} lg={6}>
9595
<Widget
9696
title={<h5>Additional <span className="fw-semi-bold">Content</span></h5>}
9797
close collapse

src/pages/ui-elements/badge/Badge.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ const Badges = () => (
1212
<div>
1313
<h1 className="page-title">Badge</h1>
1414
<Row>
15-
<Col xs={12} md={6} lg={6}>
15+
<Col xs={12} md={6}>
1616
<Widget
1717
title={<h5>Badge <span className="fw-semi-bold">Example</span></h5>}
1818
close collapse
@@ -31,7 +31,7 @@ const Badges = () => (
3131
<Button color="primary">Notifications <Badge color="danger">4</Badge></Button>
3232
</Widget>
3333
</Col>
34-
<Col xs={12} md={6} lg={6}>
34+
<Col xs={12} md={6}>
3535
<Widget
3636
title={<h5>Pill <span className="fw-semi-bold">Badges</span></h5>}
3737
close collapse

src/pages/ui-elements/buttons/Buttons.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -364,7 +364,7 @@ class Buttons extends React.Component {
364364
>
365365
<Row>
366366
{/* Checkboxes */}
367-
<Col md={4} sm={6} xs={12}>
367+
<Col md={12} sm={12} xs={12}>
368368
<h4> Button <span className="fw-semi-bold">Checkboxes</span></h4>
369369
<p className="fs-mini text-muted">
370370
Do more with buttons. Control button states
@@ -410,7 +410,7 @@ class Buttons extends React.Component {
410410
</Col>
411411

412412
{/* Radios */}
413-
<Col md={4} sm={12} xs={12}>
413+
<Col md={12} sm={12} xs={12}>
414414
<h4> Button <span className="fw-semi-bold">Radios</span></h4>
415415
<p className="fs-mini text-muted">
416416
Do more with buttons. Control button states
@@ -453,7 +453,7 @@ class Buttons extends React.Component {
453453
</Col>
454454

455455
{/* Buttons with Icons */}
456-
<Col md={4} sm={12} xs={12}>
456+
<Col md={12} sm={12} xs={12}>
457457
<h4> Use with <span className="fw-semi-bold">Icons</span></h4>
458458
<p className="fs-mini text-muted">
459459
Fontawesome and Glyph- icons may be used in buttons,

src/pages/ui-elements/navbar/Navbar.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ class NavbarExamples extends Component {
3131
return (
3232
<div>
3333
<Row>
34-
<Col xs={12} md={12} lg={6}>
34+
<Col xs={12} lg={6}>
3535
<Widget
3636
title={<h5>Navbar <span className="fw-semi-bold">Example</span></h5>}
3737
close collapse
@@ -70,7 +70,7 @@ class NavbarExamples extends Component {
7070
</Navbar>
7171
</Widget>
7272
</Col>
73-
<Col xs={12} md={12} lg={6}>
73+
<Col xs={12} lg={6}>
7474
<Widget
7575
title={<h5>Navbar <span className="fw-semi-bold">Example</span></h5>}
7676
close collapse

0 commit comments

Comments
 (0)