beantownbabe
348fe65b88
Dash app with Overview, Content, Followers, Visitors, Competitors, and Growth tabs. Includes weekly-pace tracking, PDF report generation, data upload with live refresh, and a static HTML export builder for sharing via NextCloud.
114 lines
2.6 KiB
CSS
114 lines
2.6 KiB
CSS
/* TXproducts design language, matched to txdata_project/portal.py */
|
|
|
|
body {
|
|
background: #f7f9fc;
|
|
font-family: -apple-system, "Source Sans Pro", "Segoe UI", Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
/* Section cards */
|
|
.card {
|
|
border: 1px solid #e0e7ef !important;
|
|
border-radius: 8px !important;
|
|
box-shadow: 0 1px 3px rgba(27, 58, 92, 0.06) !important;
|
|
}
|
|
|
|
.card-header {
|
|
background: linear-gradient(90deg, #1b3a5c 0%, #2d6a9f 100%) !important;
|
|
color: white !important;
|
|
border-radius: 7px 7px 0 0 !important;
|
|
border: none !important;
|
|
font-size: 0.85rem;
|
|
letter-spacing: 0.2px;
|
|
padding: 0.55rem 1rem !important;
|
|
}
|
|
|
|
.card-body {
|
|
background: #ffffff;
|
|
border-radius: 0 0 7px 7px;
|
|
}
|
|
|
|
hr {
|
|
border-color: #e0e7ef !important;
|
|
}
|
|
|
|
/* Tabs */
|
|
.nav-tabs {
|
|
border-bottom: 1px solid #e0e7ef !important;
|
|
}
|
|
.nav-tabs .nav-link {
|
|
color: #6b7a8d !important;
|
|
font-weight: 500;
|
|
border: none !important;
|
|
border-bottom: 2px solid transparent !important;
|
|
}
|
|
.nav-tabs .nav-link.active {
|
|
color: #1b3a5c !important;
|
|
font-weight: 700;
|
|
border-bottom: 2px solid #2d6a9f !important;
|
|
background: transparent !important;
|
|
}
|
|
|
|
/* DataTable polish */
|
|
.dash-table-container {
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* Compact year picker on the follower calendar */
|
|
.compact-dropdown .Select-control {
|
|
height: 28px !important;
|
|
min-height: 28px !important;
|
|
}
|
|
.compact-dropdown .Select-value, .compact-dropdown .Select-placeholder, .compact-dropdown .Select-input {
|
|
line-height: 26px !important;
|
|
padding: 0 8px !important;
|
|
}
|
|
.compact-dropdown .Select-input {
|
|
height: 26px !important;
|
|
}
|
|
.compact-dropdown .Select-arrow-zone {
|
|
height: 26px !important;
|
|
}
|
|
|
|
/* Growth tab history log accordion — match the dashboard's font instead of Bootstrap/FLATLY's default */
|
|
.accordion-button {
|
|
font-family: inherit;
|
|
font-size: 0.82rem;
|
|
color: #1a2533;
|
|
}
|
|
.accordion-button:not(.collapsed) {
|
|
color: #1b3a5c;
|
|
background-color: #e8f0fe;
|
|
box-shadow: none;
|
|
}
|
|
.accordion-button:focus {
|
|
box-shadow: none;
|
|
border-color: #e0e7ef;
|
|
}
|
|
|
|
/* Sidebar vertical nav */
|
|
.sidebar-nav-btn {
|
|
display: block;
|
|
width: 100%;
|
|
text-align: left;
|
|
background: none;
|
|
border: none;
|
|
border-left: 3px solid transparent;
|
|
color: #6b7a8d;
|
|
font-weight: 500;
|
|
font-size: 0.92rem;
|
|
padding: 8px 10px;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
}
|
|
.sidebar-nav-btn:hover {
|
|
background: #f7f9fc;
|
|
color: #1b3a5c;
|
|
}
|
|
.sidebar-nav-btn.active {
|
|
background: #e8f0fe;
|
|
color: #1b3a5c;
|
|
font-weight: 700;
|
|
border-left: 3px solid #2d6a9f;
|
|
}
|