More flexbox implementations

This commit is contained in:
Dennis Eichhorn 2017-01-29 12:35:33 +01:00
parent fe466bc2a3
commit a0c9ced34a
2 changed files with 94 additions and 74 deletions

View File

@ -19,15 +19,21 @@
echo $this->getData('nav')->render(); ?> echo $this->getData('nav')->render(); ?>
<section class="box w-100"> <div class="row">
<div class="col-xs-12">
<section class="box wf-100">
<div class="inner"> <div class="inner">
<form id="drawForm" action="<?= \phpOMS\Uri\UriFactory::build('/{/lang}/api/draw?csrf={$CSRF}'); ?>" method="POST"> <form id="drawForm" action="<?= \phpOMS\Uri\UriFactory::build('/{/lang}/api/draw?csrf={$CSRF}'); ?>" method="POST">
<input type="text" id="iTitle" name="title" class="wf-100"><input type="submit" value="<?= $this->getText('Create', 0, 0); ?>"> <input type="text" id="iTitle" name="title" class="wf-100"><input type="submit" value="<?= $this->getText('Create', 0, 0); ?>">
</form> </form>
</div> </div>
</section> </section>
</div>
</div>
<div class="box w-100"> <div class="row">
<div class="col-xs-12">
<div class="box wf-100">
<div class="tabular"> <div class="tabular">
<ul class="tab-links"> <ul class="tab-links">
<li><label for="c-tab-1"><?= $this->getText('Start') ?></label> <li><label for="c-tab-1"><?= $this->getText('Start') ?></label>
@ -59,16 +65,24 @@ echo $this->getData('nav')->render(); ?>
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="m-draw"> <div class="m-draw">
<section class="box w-100" style="height: 30%;"> <section class="box wf-100" style="height: 30%;">
<div class="inner resizable"> <div class="inner resizable">
<canvas id="canvasImage resizable" name="image" form="drawForm"></canvas> <canvas id="canvasImage resizable" name="image" form="drawForm"></canvas>
</div> </div>
</section> </section>
</div> </div>
</div>
</div>
<section class="box w-100"> <div class="row">
<div class="col-xs-12">
<section class="box wf-100">
<div class="inner"> <div class="inner">
<form> <form>
<table class="layout"> <table class="layout">
@ -82,3 +96,5 @@ echo $this->getData('nav')->render(); ?>
</form> </form>
</div> </div>
</section> </section>
</div>
</div>

View File

@ -25,7 +25,9 @@ $footerView->setPage(1);
$images = $this->getData('images'); $images = $this->getData('images');
echo $this->getData('nav')->render(); ?> echo $this->getData('nav')->render(); ?>
<div class="box"> <div class="row">
<div class="col-xs-12">
<div class="box wf-100">
<table class="table"> <table class="table">
<caption><?= $this->getText('Images'); ?></caption> <caption><?= $this->getText('Images'); ?></caption>
<thead> <thead>
@ -49,3 +51,5 @@ echo $this->getData('nav')->render(); ?>
<?php endif; ?> <?php endif; ?>
</table> </table>
</div> </div>
</div>
</div>