Delete AutoReloadBlocker and ProductionBlocker components

This commit is contained in:
cyril lopez 2017-09-30 18:04:51 +02:00
parent 7c76d11259
commit 224ac30bb4
4 changed files with 0 additions and 230 deletions

View File

@ -1,61 +0,0 @@
/**
*
* AutoReloadBlocker
*
*/
import React from 'react';
import { FormattedMessage } from 'react-intl';
import styles from './styles.scss';
function AutoReloadBlocker() {
return (
<div className={styles.autoReloadBlocker}>
<div className={styles.header}>
<div>
<h4>
<FormattedMessage id="components.AutoReloadBlocker.header" />
</h4>
<p>
<FormattedMessage id="components.AutoReloadBlocker.description" />
</p>
<div className={styles.ide}>
<p>./config/environments/development/server.json</p>
<div>
<pre style={{ whiteSpace: 'pre-wrap'}}>
<code>
&#123;
<br />
&nbsp;"host": "localhost",
<br />
&nbsp;"port": 1337,
<br />
<span style={{ color: '#006EE7'}}>
&nbsp;"autoReload": true,
</span>
<br />
&nbsp;"proxi": &#123;
<br />
&nbsp;&nbsp;"enabled": true
<br />
&nbsp;&#125;,
<br />
&nbsp;"cron": &#123;
<br />
&nbsp;&nbsp;"enabled": false
<br />
&nbsp;&#125;
<br />
&#125;
</code>
</pre>
</div>
</div>
</div>
</div>
</div>
);
}
export default AutoReloadBlocker;

View File

@ -1,53 +0,0 @@
.autoReloadBlocker {
padding-top: 5.5rem;
}
.header {
display: flex;
justify-content: center;
font-family: Lato;
> div {
padding-top: 2.5rem;
> h4 {
font-size: 24px;
font-weight: 700;
line-height: 24px;
margin-bottom: 0;
}
> p {
margin-top: -1px;
font-size: 14px;
color: #919BAE;
}
}
&:before{
content: '\f021';
font-family: 'FontAwesome';
font-size: 4.2rem;
color: #323740;
margin-right: 20px;
line-height: 9.3rem;
}
}
.ide {
padding-top: 2.3rem;
> p {
color: #006EE7;
font-size: 14px;
}
> div {
width: 455px;
background: #FFFFFF;
color: #787E8F;
font-size: 12px;
> ul {
padding-left: 20px;
list-style: none;
> li {
list-style: none;
}
}
}
}

View File

@ -1,32 +0,0 @@
/**
*
* ProductionBlocker
*
*/
import React from 'react';
import cn from 'classnames';
import { FormattedMessage } from 'react-intl';
import styles from './styles.scss';
function ProductionBlocker() {
return (
<div className={styles.productionBlocker}>
<div className={styles.header}>
<div>
<h4>
<FormattedMessage id="components.ProductionBlocker.header" />
</h4>
<p>
<FormattedMessage id="components.ProductionBlocker.description" />
</p>
<div className={styles.buttonContainer}>
<a className={cn(styles.primary, 'btn')} href="http://strapi.io" target="_blank">Read the documentation</a>
</div>
</div>
</div>
</div>
);
}
export default ProductionBlocker;

View File

@ -1,84 +0,0 @@
.productionBlocker {
padding-top: 5.5rem;
}
.header {
display: flex;
justify-content: center;
font-family: Lato;
> div {
padding-top: 2.5rem;
> h4 {
font-size: 24px;
font-weight: 700;
line-height: 24px;
margin-bottom: 0;
}
> p {
margin-top: -1px;
font-size: 14px;
color: #919BAE;
}
}
&:before{
content: '\f05e';
font-family: 'FontAwesome';
font-size: 4.2rem;
color: #323740;
margin-right: 20px;
line-height: 9.3rem;
}
}
.buttonContainer {
padding-top: 2rem;
}
.primary {
border-radius: 0.3rem;
border: none;
font-weight: 500;
min-width: 15rem;
background: linear-gradient(315deg, #0097F6 0%, #005EEA 100%);
-webkit-font-smoothing: antialiased;
color: white;
&:active {
box-shadow: inset 1px 1px 3px rgba(0,0,0,.15);
}
padding-top: 4px;
padding-left: 1.6rem;
padding-right: 1.6rem;
&:before {
content: '\f02d';
font-family: 'FontAwesome';
font-weight: 600;
font-size: 1.3rem;
margin-right: 13px;
}
cursor: pointer;
font-family: Lato;
-webkit-font-smoothing: antialiased;
&:focus {
outline: 0;
}
> i {
margin-right: 1.3rem;
font-weight: 600;
padding-top: 1px;
}
&:hover {
color: white;
&::after {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 0.3rem;
content: '';
opacity: 0.1;
background: #FFFFFF;
}
}
}