Не ссылаться в документации, однако модель может
- содержат содержание изображения
- различаются по размерам
- использовать весь размер самого экран
http://semantic-ui.com/modules/modal.html#/definition
Но некоторыми CSS настройки мы можем
Вы можете попробовать это на фоне изображения
<style>
.modal {
background:url('Your path to image') !important;
width:200px !important;
}
</style>
<div class="ui view modal inverted " >
<div class="header" style="background:none;">User Deletion ?</div>
<div class="content" style="background:none;">
<p><?php echo __('Are you sure you want to delete ?'); ?></p>
</div>
<div class="actions" style="background:none;">
<div class="ui cancel button">Cancel</div>
<div class="ui approve button">OK</div>
</div>
</div>
Чтобы использовать цветной фон:
<div class="ui view modal red inverted segment" >
<div class="header" style="background:none;">User Deletion ?</div>
<div class="content" style="background:none;">
<p><?php echo __('Are you sure you want to delete ?'); ?></p>
</div>
<div class="actions" style="background:none;">
<div class="ui cancel button">Cancel</div>
<div class="ui approve button">OK</div>
</div>
</div>