Start implementing flexbox grid

This commit is contained in:
Dennis Eichhorn 2017-01-28 13:57:23 +01:00
parent 4a20dc931c
commit bad9ece211
2 changed files with 132 additions and 124 deletions

View File

@ -20,7 +20,9 @@
$tasks = $this->getData('tasks'); $tasks = $this->getData('tasks');
echo $this->getData('nav')->render(); ?> echo $this->getData('nav')->render(); ?>
<div class="box w-75 floatLeft"> <div class="row">
<div class="col-xs-12 col-md-9">
<div class="box">
<table class="table"> <table class="table">
<caption><?= $this->getText('Tasks'); ?></caption> <caption><?= $this->getText('Tasks'); ?></caption>
<thead> <thead>
@ -50,9 +52,10 @@ echo $this->getData('nav')->render(); ?>
<?php endif; ?> <?php endif; ?>
</table> </table>
</div> </div>
</div>
<section class="w-25 floatLeft"> <div class="col-xs-12 col-md-3">
<section class="box w-100"> <section class="box wf-100">
<header><h1><?= $this->getText('Settings'); ?></h1></header> <header><h1><?= $this->getText('Settings'); ?></h1></header>
<div class="inner"> <div class="inner">
<form> <form>
@ -70,7 +73,7 @@ echo $this->getData('nav')->render(); ?>
</div> </div>
</section> </section>
<section class="box w-100"> <section class="box wf-100">
<header><h1><?= $this->getText('Settings'); ?></h1></header> <header><h1><?= $this->getText('Settings'); ?></h1></header>
<div class="inner"> <div class="inner">
<table class="list"> <table class="list">
@ -83,4 +86,5 @@ echo $this->getData('nav')->render(); ?>
</table> </table>
</div> </div>
</section> </section>
</section> </div>
</div>

View File

@ -20,7 +20,9 @@
$tasks = $this->getData('tasks'); $tasks = $this->getData('tasks');
echo $this->getData('nav')->render(); ?> echo $this->getData('nav')->render(); ?>
<div class="box w-75 floatLeft"> <div class="row">
<div class="col-xs-12 col-md-9">
<div class="box">
<table class="table"> <table class="table">
<caption><?= $this->getText('Tasks'); ?></caption> <caption><?= $this->getText('Tasks'); ?></caption>
<thead> <thead>
@ -50,9 +52,10 @@ echo $this->getData('nav')->render(); ?>
<?php endif; ?> <?php endif; ?>
</table> </table>
</div> </div>
</div>
<section class="w-25 floatLeft"> <div class="col-xs-12 col-md-3">
<section class="box w-100"> <section class="box wf-100">
<header><h1><?= $this->getText('Settings'); ?></h1></header> <header><h1><?= $this->getText('Settings'); ?></h1></header>
<div class="inner"> <div class="inner">
<form> <form>
@ -70,7 +73,7 @@ echo $this->getData('nav')->render(); ?>
</div> </div>
</section> </section>
<section class="box w-100"> <section class="box wf-100">
<header><h1><?= $this->getText('Settings'); ?></h1></header> <header><h1><?= $this->getText('Settings'); ?></h1></header>
<div class="inner"> <div class="inner">
<table class="list"> <table class="list">
@ -83,4 +86,5 @@ echo $this->getData('nav')->render(); ?>
</table> </table>
</div> </div>
</section> </section>
</section> </div>
</div>