diff --git a/src/main/webapp/resources/css/styles.css b/src/main/webapp/resources/css/styles.css index b6e1901..2039480 100644 --- a/src/main/webapp/resources/css/styles.css +++ b/src/main/webapp/resources/css/styles.css @@ -68,6 +68,44 @@ .col-form-label {font-size:0.9375rem;} +.nav-tabs { + --bs-nav-tabs-border-radius: 0rem; + --bs-nav-tabs-link-border-radius: 0.375rem; + --bs-nav-tabs-bg-image: none; + --bs-nav-tabs-padding-top: 0rem; + --bs-nav-tabs-padding-left: 0rem; + padding-top: var(--bs-nav-tabs-padding-top); + padding-left: var(--bs-nav-tabs-padding-left); + border-radius: var(--bs-nav-tabs-border-radius); +} + +ul.nav-tabs > li.nav-item { + align-items: center; +} + +.nav-link { + height: 1.875rem +} + +.nav-tabs .nav-item .nav-link { + border: 1px solid #d9dee3; +} + +.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover { + box-shadow: 0 -2px 0 #fff inset; +} + +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: var(--bs-nav-tabs-link-active-color); + background-color: var(--bs-nav-tabs-link-active-bg); +/* border-color: var(--bs-nav-tabs-link-active-border-color); */ +} + +.nav-tabs .nav-item .nav-link:not(.active) { + background-color: #eceef1; +} + .nav-item { display: flex; border-right: .0625rem solid #fff;