Alamantus/Lexiconga
1
0
Fork 0
mirror of https://github.com/Alamantus/Lexiconga.git synced 2025-06-18 15:16:40 +02:00
Code Issues Releases Activity

Fix modals width and alignment

Browse source
This commit is contained in:
Robbie Antenesse 2018-06-24 23:03:13 -06:00
parent 86aac232b8
commit 0f6b5deb1a
3 changed files with 2 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/structure/Modal.jsx
View file

@ -64,7 +64,7 @@ export class Modal extends Component {
<div className='modal-background' onClick={ this.hide.bind(this) } /> <div className='modal-background' onClick={ this.hide.bind(this) } />
<div className='modal-card'> <div className='modal-card'>
<header className='modal-card-head'> <header className='modal-card-head has-text-left'>
<h3 className='modal-card-title'> <h3 className='modal-card-title'>
{ title || 'Modal' } { title || 'Modal' }
</h3> </h3>

2
src/sass/_bulma-overrides.scss
View file

@ -5,6 +5,6 @@
@media screen and (min-width: 769px), print { @media screen and (min-width: 769px), print {
.modal-content, .modal-card { .modal-content, .modal-card {
width: 750px !important; width: 900px !important;
} }
} }

3
src/sass/_variables.scss
View file

@ -124,6 +124,3 @@ $size-small: $size-7;
$size-normal: $size-6; $size-normal: $size-6;
$size-medium: $size-5; $size-medium: $size-5;
$size-large: $size-4; $size-large: $size-4;
// Modal
$modal-content-width: 900px;