Alamantus/Lexiconga
1
0
Fork 0
mirror of https://github.com/Alamantus/Lexiconga.git synced 2025-05-19 00:21:18 +02: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 marked from 'marked';
import swal from 'sweetalert2'; import swal from 'sweetalert2';
import './WordDisplay.scss'; import './styles.scss';
import idManager from '../../managers/IDManager'; import idManager from '../../../managers/IDManager';
import { Word } from '../../managers/Word'; import { Word } from '../../../managers/Word';
import { WordForm } from '../management/WordForm'; import { WordForm } from '../../management/WordForm';
export class WordDisplay extends Component { export class WordDisplay extends Component {
constructor (props) { constructor (props) {
@ -90,9 +90,9 @@ export class WordDisplay extends Component {
); );
} }
return ( return (
<div className='card'> <div className='word-card'>
<header className='card-header'> <header className='word-card-header'>
<div className='word-card-header-title'> <div className='word-card-header-title'>
<span className='word-name'> <span className='word-name'>
{ word.name } { word.name }
@ -143,7 +143,7 @@ export class WordDisplay extends Component {
</div> </div>
</header> </header>
<section className='card-content'> <section className='word-card-content'>
<div className='content'> <div className='content'>
{ {
(word.definition) (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/utilities/derived-variables';
@import '../../node_modules/bulma/sass/components/card'; @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 { .word-card-header-title {
@extend .card-header-title; @extend .card-header-title;