signoz/frontend/src/periscope.scss
Yunus M 5ef3b8ee3f
feat: support request data source and improve layout (#7485)
* feat: support request data source and improve layout

* feat: update config

* feat: update config with related keywords

* update config

---------

Co-authored-by: makeavish <makeavish786@gmail.com>
2025-04-02 11:59:53 +05:30

77 lines
1.2 KiB
SCSS

.periscope-btn-group {
display: inline-flex;
.ant-btn {
border-radius: 0;
}
}
.periscope-btn {
display: flex;
justify-content: center;
align-items: center;
padding: 6px;
border: 1px solid var(--bg-slate-400, #1d212d);
border-radius: 3px;
background: var(--bg-ink-400, #121317);
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
color: var(--bg-vanilla-400, #c0c1c3);
&.ghost {
box-shadow: none;
border: none;
}
cursor: pointer;
&.primary {
color: var(--bg-vanilla-100) !important;
background-color: var(--bg-robin-500) !important;
border: none;
box-shadow: 0 2px 0 rgba(62, 86, 245, 0.09);
}
&:disabled {
opacity: 0.5;
}
&.link {
color: var(--bg-vanilla-400);
border: none;
box-shadow: none;
background: transparent;
font-size: 11px;
font-weight: 400;
}
&.success {
color: var(--bg-forest-400) !important;
border-radius: 2px;
border: 1px solid rgba(37, 225, 146, 0.1);
background: rgba(37, 225, 146, 0.1) !important;
}
}
.periscope-tab {
display: flex;
align-items: center;
gap: 8px;
}
.periscope-input {
&.borderless {
border: none;
border-radius: 0;
}
}
.lightMode {
.periscope-btn {
border-color: var(--bg-vanilla-300);
background: var(--bg-vanilla-100);
color: var(--bg-ink-200);
}
}