Alamantus/Lexiconga
1
0
Fork 0
mirror of https://github.com/Alamantus/Lexiconga.git synced 2025-03-24 20:30:46 +01:00
Code Issues Releases Activity

Add some space between words

Browse source
This commit is contained in:
Robbie Antenesse 2017-12-08 13:24:50 -07:00
parent 0d2ac0648e
commit 20c8522399
2 changed files with 20 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/display/WordDisplay.jsx → src/components/display/WordDisplay/index.jsx
View file

@ -4,12 +4,12 @@ import PropTypes from 'prop-types';
import marked from 'marked';
import swal from 'sweetalert2';
import './WordDisplay.scss';
import './styles.scss';
import idManager from '../../managers/IDManager';
import { Word } from '../../managers/Word';
import idManager from '../../../managers/IDManager';
import { Word } from '../../../managers/Word';
import { WordForm } from '../management/WordForm';
import { WordForm } from '../../management/WordForm';
export class WordDisplay extends Component {
constructor (props) {
@ -90,9 +90,9 @@ export class WordDisplay extends Component {
);
}
return (
<div className='card'>
<div className='word-card'>
<header className='card-header'>
<header className='word-card-header'>
<div className='word-card-header-title'>
<span className='word-name'>
{ word.name }
@ -143,7 +143,7 @@ export class WordDisplay extends Component {
</div>
</header>
<section className='card-content'>
<section className='word-card-content'>
<div className='content'>
{
(word.definition)

13
src/components/display/WordDisplay.scss → src/components/display/WordDisplay/styles.scss
View file

@ -2,6 +2,19 @@
@import '../../node_modules/bulma/sass/utilities/derived-variables';
@import '../../node_modules/bulma/sass/components/card';
.word-card {
@extend .card;
margin-bottom: 10px;
.word-card-header {
@extend .card-header;
}
.word-card-content {
@extend .card-content;
}
}
.word-card-header-title {
@extend .card-header-title;