Pridan mockup a zaklad dashboardu

This commit is contained in:
Michal Kváček
2018-11-13 23:36:36 +01:00
parent a2e47787ce
commit 7d388100a5
4 changed files with 122 additions and 1 deletions
BIN
View File
Binary file not shown.
+1
View File
@@ -21,5 +21,6 @@ $fa-font-path: "~font-awesome/fonts";
@import "sidebar";
@import "main";
@import "backToDashboard";
@import "boxes";
@import "editor/parts";
+12
View File
@@ -0,0 +1,12 @@
.boxes {
width: 100%;
&__container {
column-count: 2;
column-width: 50%;
}
&__item {
margin: 20px;
}
}
+109 -1
View File
@@ -1 +1,109 @@
tohle je nejaky obsah - melo by to mit layout
<div class="boxes__container">
<div class="card boxes__item">
<div class="card-header">
<h3>
<a href="/guests/">Poslední reakce na pozvánky</a>
</h3>
</div>
<div class="card-body">
<table class="table table-bordered table-striped table-hover">
<thead>
<tr>
<td>Jméno</td>
<td>Počet osob</td>
<td>Přijde?</td>
<td>Datum reakce</td>
</tr>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div class="card-footer">
Zareagovalo 28 hostů - zúčastní se 20, nemůže 8.
<button class="btn btn-secondary pull-right">
Seznam hostů
</button>
</div>
</div>
<div class="card boxes__item">
<div class="card-header">
<h3>
Poznámky </h3>
</div>
<div class="card-body">
<textarea name="notes" id="" cols="30" rows="10" class="wysiwyg"></textarea>
</div>
<div class="card-footer">
<button class="btn btn-secondary pull-right">Uložit</button>
</div>
</div>
<div class="card boxes__item">
<div class="card-header">
<h3>
<a href="/calendar">Nadcházející události</a>
</h3>
</div>
<div class="card-body">
todo
</div>
</div>
<div class="card boxes__item">
<div class="card-header">
<h3>
Úkoly </h3>
</div>
<div class="card-body">
<ul>
<li>
<input type="checkbox" checked>
<span>Ukol 1</span>
</li>
<li><input type="checkbox">
<span>Ukol 1</span>
</li>
<li>
<input type="checkbox">
<span>Ukol 1</span>
</li>
</ul>
</div>
<div class="card-footer">
<input type="text">
<div class="btn btn-secondary ">Uložit</div>
</div>
</div>
</div>