Flexbox tpl implementation

This commit is contained in:
Dennis Eichhorn 2017-01-29 13:43:20 +01:00
parent 64fd7f868a
commit 69767861c9
2 changed files with 82 additions and 66 deletions

View File

@ -18,7 +18,9 @@
*/ */
echo $this->getData('nav')->render(); ?> echo $this->getData('nav')->render(); ?>
<section class="box w-50 floatLeft"> <div class="row">
<div class="col-xs-12 col-md-6">
<section class="box wf-100">
<header><h1><?= $this->getText('Account'); ?></h1></header> <header><h1><?= $this->getText('Account'); ?></h1></header>
<div class="inner"> <div class="inner">
<form> <form>
@ -34,8 +36,10 @@ echo $this->getData('nav')->render(); ?>
</form> </form>
</div> </div>
</section> </section>
</div>
<section class="box w-50 floatLeft"> <div class="col-xs-12 col-md-6">
<section class="box wf-100">
<header><h1><?= $this->getText('Statistics'); ?></h1></header> <header><h1><?= $this->getText('Statistics'); ?></h1></header>
<div class="inner"> <div class="inner">
<table class="list wf-100"> <table class="list wf-100">
@ -48,11 +52,15 @@ echo $this->getData('nav')->render(); ?>
</table> </table>
</div> </div>
</section> </section>
</div>
</div>
<div class="clear"></div> <div class="row">
<div class="col-xs-12">
<section class="box w-100 floatLeft"> <section class="box wf-100">
<header><h1><?= $this->getText('History'); ?></h1></header> <header><h1><?= $this->getText('History'); ?></h1></header>
<div class="inner" style="height: 300px"> <div class="inner" style="height: 300px">
</div> </div>
</section> </section>
</div>
</div>

View File

@ -18,7 +18,9 @@
*/ */
echo $this->getData('nav')->render(); ?> echo $this->getData('nav')->render(); ?>
<section class="box w-50 floatLeft"> <div class="row">
<div class="col-xs-12 col-md-6">
<section class="box wf-100">
<header><h1><?= $this->getText('Account'); ?></h1></header> <header><h1><?= $this->getText('Account'); ?></h1></header>
<div class="inner"> <div class="inner">
<form> <form>
@ -34,8 +36,10 @@ echo $this->getData('nav')->render(); ?>
</form> </form>
</div> </div>
</section> </section>
</div>
<section class="box w-50 floatLeft"> <div class="col-xs-12 col-md-6">
<section class="box wf-100">
<header><h1><?= $this->getText('Statistics'); ?></h1></header> <header><h1><?= $this->getText('Statistics'); ?></h1></header>
<div class="inner"> <div class="inner">
<table class="list wf-100"> <table class="list wf-100">
@ -48,11 +52,15 @@ echo $this->getData('nav')->render(); ?>
</table> </table>
</div> </div>
</section> </section>
</div>
</div>
<div class="clear"></div> <div class="row">
<div class="col-xs-12">
<section class="box w-100 floatLeft"> <section class="box wf-100">
<header><h1><?= $this->getText('History'); ?></h1></header> <header><h1><?= $this->getText('History'); ?></h1></header>
<div class="inner" style="height: 300px"> <div class="inner" style="height: 300px">
</div> </div>
</section> </section>
</div>
</div>