Improve tabs appearance

This commit is contained in:
2021-03-15 18:30:18 +01:00
parent 9d1ebf5899
commit 1067b577fd
6 changed files with 49 additions and 11 deletions

View File

@ -4,6 +4,12 @@
* @author Pierre HUBERT
*/
.group-header {
margin-bottom: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom: none;
}
.group-header .group-icon {
max-height: 150px;
@ -31,13 +37,10 @@
display: block;
}
.group-header .col-md-4 {
display: table;
margin: auto;
}
.group-header .box-body {
display: flex;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.group-header .box-body .spacer {

View File

@ -0,0 +1,25 @@
/**
* Groups page tabs
*
* @author Pierre Hubert
*/
.group-page.tabs-container {
padding-top: 0px;
}
.group-page.tabs-container .nav-tabs-custom {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top: 1px solid #dddddd3d;
}
.group-page.tabs-container .nav-tabs-custom > .nav-tabs > li {
border-bottom-color: var(--primary-blue) !important;
}
.group-page.tabs-container .nav-tabs-custom > .nav-tabs > li.active {
border-bottom: 3px solid transparent;
border-top: none;
}