#53 added buttons, added bottom pagination

This commit is contained in:
Nightblade73 2019-03-21 09:55:38 +04:00
parent 89e0d1a291
commit d356c21944
2 changed files with 32 additions and 2 deletions

View File

@ -1,3 +1,11 @@
.dashboard {
margin-bottom: 10px;
}
.dashboard button{
margin-left: 10px;
}
.conference-list-body { .conference-list-body {
height: 500px; height: 500px;
} }
@ -5,6 +13,7 @@
.conference-item { .conference-item {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 0;
} }
.conference-item:hover { .conference-item:hover {

View File

@ -16,10 +16,22 @@
</div> </div>
</div> </div>
<hr/> <hr/>
<div class="row dashboard">
<div class="col-lg-12">
<div class="d-flex bd-highlight">
<div class="form-check p-1 bd-highlight">
<input class="" type="checkbox"/>
</div>
<button type="button" class="btn btn-danger">Удалить</button>
<button type="button" class="btn btn-success">Добавить</button>
</div>
</div>
</div>
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<div class="conference-list-body grey-border"> <div class="conference-list-body list-group">
<div class="conference-item d-flex bd-highlight"> <div class="conference-item d-flex bd-highlight list-group-item">
<div class="form-check p-1 bd-highlight"> <div class="form-check p-1 bd-highlight">
<input class="" type="checkbox"/> <input class="" type="checkbox"/>
</div> </div>
@ -34,6 +46,15 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row justify-content-end">
<ul class="pagination">
<li class="page-item disabled"><a class="page-link" href="#">Previous</a></li>
<li class="page-item active"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item"><a class="page-link" href="#">Next</a></li>
</ul>
</div>
</div> </div>
</section> </section>
<script src="/js/conference.js"> <script src="/js/conference.js">