mirror of
https://github.com/SigNoz/signoz.git
synced 2025-12-29 16:14:42 +00:00
c477e0ef16
* feat: sidebar revamp - initial commit * feat: move billinga and other isolated routes to settings * feat: handle channel related routes * feat: update account settings page * feat: show dropdown for secondary items * feat: handle reordering of pinned nav items * feat: improve font load performance * feat: update font reference * feat: update page content styles * feat: handle external links in sidebar * feat: handle secondary nav item clicks * feat: handle pinned nav items reordering * feat: handle sidenav pinned state using preference, handle light mode * feat: show sidenav items conditionally * feat: show version diff indicator only to self hosted users * feat: show billing to admins only and integrations to cloud and enterprise users * feat: update fallback link * feat: handle settings menu items * fix: settings page reload on nav chnage * feat: intercom to pylon * feat: show invite user to admin only * feat: handle review comments * chore: remove react query dev tools * feat: minor ui updates * feat: update changes based on preference store changes * feat: handle sidenav shortcut state * feat: handle scroll for more * feat: maintain shortcuts order * feat: manage license ui updates * feat: manage settings options based on license and roles * feat: update types * chore: add logEvents * feat: update types * chore: fix type errors * chore: remove unused variable * feat: update my settings page test cases --------- Co-authored-by: makeavish <makeavish786@gmail.com>
92 lines
1.4 KiB
SCSS
92 lines
1.4 KiB
SCSS
.billing-container {
|
|
margin-bottom: 40px;
|
|
padding-top: 36px;
|
|
width: 90%;
|
|
margin: 0 auto;
|
|
|
|
.billing-summary {
|
|
margin: 24px 8px;
|
|
}
|
|
|
|
.billing-details {
|
|
margin: 24px 0px;
|
|
|
|
.ant-table-title {
|
|
color: var(--bg-vanilla-400);
|
|
background-color: rgb(27, 28, 32);
|
|
}
|
|
|
|
.ant-table-cell {
|
|
background-color: var(--bg-ink-400);
|
|
border-color: var(--bg-slate-500);
|
|
}
|
|
|
|
.ant-table-tbody {
|
|
td {
|
|
border-color: var(--bg-slate-500);
|
|
}
|
|
}
|
|
}
|
|
|
|
.upgrade-plan-benefits {
|
|
margin: 0px 8px;
|
|
border: 1px solid #333;
|
|
border-radius: 5px;
|
|
padding: 0 48px;
|
|
.plan-benefits {
|
|
.plan-benefit {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 16px;
|
|
margin: 16px 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.empty-graph-card {
|
|
.ant-card-body {
|
|
height: 40vh;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
}
|
|
|
|
.billing-update-note {
|
|
text-align: left;
|
|
font-size: 13px;
|
|
color: var(--bg-vanilla-200);
|
|
margin-top: 16px;
|
|
}
|
|
}
|
|
|
|
.ant-skeleton.ant-skeleton-element.ant-skeleton-active {
|
|
width: 100%;
|
|
min-width: 100%;
|
|
}
|
|
|
|
.ant-skeleton.ant-skeleton-element .ant-skeleton-input {
|
|
min-width: 100% !important;
|
|
}
|
|
|
|
.lightMode {
|
|
.billing-container {
|
|
.billing-details {
|
|
.ant-table-cell {
|
|
background: var(--bg-vanilla-100);
|
|
border-color: var(--bg-vanilla-200);
|
|
}
|
|
|
|
.ant-table-tbody {
|
|
td {
|
|
border-color: var(--bg-vanilla-200);
|
|
}
|
|
}
|
|
}
|
|
|
|
.billing-update-note {
|
|
color: var(--bg-ink-200);
|
|
}
|
|
}
|
|
}
|