mirror of
https://github.com/strapi/strapi.git
synced 2025-12-12 23:44:08 +00:00
Delete AutoReloadBlocker and ProductionBlocker components
This commit is contained in:
parent
7c76d11259
commit
224ac30bb4
@ -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>
|
||||
{
|
||||
<br />
|
||||
"host": "localhost",
|
||||
<br />
|
||||
"port": 1337,
|
||||
<br />
|
||||
<span style={{ color: '#006EE7'}}>
|
||||
"autoReload": true,
|
||||
</span>
|
||||
<br />
|
||||
"proxi": {
|
||||
<br />
|
||||
"enabled": true
|
||||
<br />
|
||||
},
|
||||
<br />
|
||||
"cron": {
|
||||
<br />
|
||||
"enabled": false
|
||||
<br />
|
||||
}
|
||||
<br />
|
||||
}
|
||||
</code>
|
||||
</pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default AutoReloadBlocker;
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -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;
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user