45 lines
994 B
CSS
45 lines
994 B
CSS
/* Custom sidebar-like styling for vertical tabs in Platform Profile */
|
|
|
|
.col-sm-3 .nav-pills.flex-column {
|
|
background: #f8f9fa;
|
|
border-radius: 8px;
|
|
padding: 10px;
|
|
border: 1px solid #dee2e6;
|
|
}
|
|
|
|
.col-sm-3 .nav-pills.flex-column .nav-link {
|
|
color: #495057;
|
|
margin-bottom: 5px;
|
|
border-radius: 6px;
|
|
transition: all 0.2s ease;
|
|
padding: 12px 15px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.col-sm-3 .nav-pills.flex-column .nav-link:hover {
|
|
background-color: #e9ecef;
|
|
color: #007bff;
|
|
}
|
|
|
|
.col-sm-3 .nav-pills.flex-column .nav-link.active {
|
|
background-color: #007bff;
|
|
color: #fff;
|
|
box-shadow: 0 4px 6px rgba(0, 123, 255, 0.2);
|
|
}
|
|
|
|
.col-sm-3 .nav-pills.flex-column .nav-link i {
|
|
font-size: 1.1rem;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* Adjust the main content area */
|
|
.col-sm-9 {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.card-primary.card-outline {
|
|
border-top: 3px solid #007bff;
|
|
border-radius: 8px;
|
|
box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
|
|
}
|