add pagination style

This commit is contained in:
FarseaSH 2021-09-02 12:45:58 +08:00
parent 3d1a633b70
commit 4dfeb93202
3 changed files with 58 additions and 18 deletions

View file

@ -35,6 +35,49 @@ p{
/* END - top cover part */
/* START - pagination */
.center{
display: flex;
justify-content: center;
}
.pagination{
display: flex;
margin-top: 20px;
margin-bottom: 30px;
}
.pagination a{
color: #337cf6;
text-decoration: none;
}
.page-item{
border: #80808050;
border-style: solid;
border-width: 0.5px;
border-radius: 2%;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
.page-link .page-item:hover{
background-color: #eaecef;
color: #2157ad;
}
.page-item.active{
background-color: #337cf6;
color: #ffffff;
}
.page-item.disabled{
color:rgb(108, 117, 125)
}
/* END - pagination */
.page{
max-width: 1150px;
margin: auto;