mirror of
https://github.com/Alamantus/Lexiconga.git
synced 2025-05-19 00:21:18 +02:00
Add some space between words
This commit is contained in:
parent
0d2ac0648e
commit
20c8522399
2 changed files with 20 additions and 7 deletions
|
@ -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)
|
|
@ -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;
|
||||||
|
|
Loading…
Add table
Reference in a new issue