mirror of
https://github.com/astuto/astuto.git
synced 2025-12-16 11:47:56 +01:00
Refactor CSS (#116)
Refactor CSS files and structure. Also refactors some html and React components for a smarter use of CSS classes.
This commit is contained in:
committed by
GitHub
parent
35c427d9f6
commit
8e75a85873
@@ -3,9 +3,9 @@ import I18n from 'i18n-js';
|
||||
|
||||
import { Draggable } from 'react-beautiful-dnd';
|
||||
|
||||
import PostStatusLabel from "../../shared/PostStatusLabel";
|
||||
import DragZone from '../../shared/DragZone';
|
||||
import Separator from '../../shared/Separator';
|
||||
import PostStatusLabel from "../../common/PostStatusLabel";
|
||||
import DragZone from '../../common/DragZone';
|
||||
import Separator from '../../common/Separator';
|
||||
import PostStatusForm from './PostStatusForm';
|
||||
|
||||
interface Props {
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import * as React from 'react';
|
||||
import I18n from 'i18n-js';
|
||||
|
||||
import Button from '../../shared/Button';
|
||||
import Button from '../../common/Button';
|
||||
|
||||
import padStart from '../../../helpers/padStart';
|
||||
|
||||
|
||||
@@ -5,11 +5,12 @@ import { DragDropContext, Droppable } from 'react-beautiful-dnd';
|
||||
import IPostStatus from '../../../interfaces/IPostStatus';
|
||||
|
||||
import { PostStatusesState } from "../../../reducers/postStatusesReducer";
|
||||
import { CenteredMutedText } from '../../shared/CustomTexts';
|
||||
import SiteSettingsInfoBox from '../../shared/SiteSettingsInfoBox';
|
||||
import { CenteredMutedText } from '../../common/CustomTexts';
|
||||
import SiteSettingsInfoBox from '../../common/SiteSettingsInfoBox';
|
||||
import PostStatusForm from './PostStatusForm';
|
||||
import PostStatusEditable from './PostStatusEditable';
|
||||
import Spinner from '../../shared/Spinner';
|
||||
import Spinner from '../../common/Spinner';
|
||||
import Box from '../../common/Box';
|
||||
|
||||
interface Props {
|
||||
authenticityToken: string;
|
||||
@@ -84,8 +85,8 @@ class PostStatusesSiteSettingsP extends React.Component<Props> {
|
||||
const { postStatuses, settingsAreUpdating, settingsError } = this.props;
|
||||
|
||||
return (
|
||||
<React.Fragment>
|
||||
<div className="content">
|
||||
<>
|
||||
<Box>
|
||||
<h2>{I18n.t('site_settings.post_statuses.title')}</h2>
|
||||
|
||||
{
|
||||
@@ -119,16 +120,16 @@ class PostStatusesSiteSettingsP extends React.Component<Props> {
|
||||
:
|
||||
<CenteredMutedText>{I18n.t('site_settings.post_statuses.empty')}</CenteredMutedText>
|
||||
}
|
||||
</div>
|
||||
</Box>
|
||||
|
||||
<div className="content">
|
||||
<Box>
|
||||
<h2>{I18n.t('site_settings.post_statuses.new')}</h2>
|
||||
|
||||
<PostStatusForm mode='create' handleSubmit={this.handleSubmit} />
|
||||
</div>
|
||||
</Box>
|
||||
|
||||
<SiteSettingsInfoBox areUpdating={settingsAreUpdating || postStatuses.areLoading} error={settingsError} />
|
||||
</React.Fragment>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user