mirror of
https://github.com/apache/skywalking-booster-ui.git
synced 2025-05-14 17:05:10 +00:00
themeing
This commit is contained in:
parent
f6afa85455
commit
b6c65f5efe
@ -192,10 +192,9 @@ export default defineComponent({
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
right: 0;
|
right: 0;
|
||||||
// top: 50%;
|
top: 37vh;
|
||||||
//transform: translateY(60%);
|
|
||||||
height: auto;
|
height: auto;
|
||||||
width: 20px;
|
width: 17px;
|
||||||
|
|
||||||
.full-scroll-to {
|
.full-scroll-to {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
@ -210,7 +209,7 @@ export default defineComponent({
|
|||||||
.full-scroll-to.active {
|
.full-scroll-to.active {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
padding: 6px;
|
padding: 6px;
|
||||||
background: #9876AA;
|
background: #1a1a1a;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -254,15 +254,13 @@ export const QueryOrders = [
|
|||||||
];
|
];
|
||||||
export const TextColors: { [key: string]: string } = {
|
export const TextColors: { [key: string]: string } = {
|
||||||
green: "#629755",
|
green: "#629755",
|
||||||
blue: "#6897BB",
|
blue: "#409EFF",
|
||||||
red: "#e1483b",
|
red: "#e1483b",
|
||||||
grey: "#909399",
|
grey: "#909399",
|
||||||
white: "#fff",
|
white: "#fff",
|
||||||
black: "#000",
|
black: "#000",
|
||||||
orange: "#CC7832",
|
orange: "#E6A23C",
|
||||||
purple: "#9876AA",
|
purple: "#9876AA",
|
||||||
yellow: "#FFC66D",
|
|
||||||
brown: "#8A653B",
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export const CalculationOpts = [
|
export const CalculationOpts = [
|
||||||
|
@ -711,7 +711,8 @@ watch(
|
|||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.dashboard-tool {
|
.dashboard-tool {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
padding: 3px 5px 5px 5px;
|
height: 35px;
|
||||||
|
padding: 0 5px 0 5px;
|
||||||
background: rgb(240, 242, 245);
|
background: rgb(240, 242, 245);
|
||||||
border-bottom: 1px solid #dfe4e8;
|
border-bottom: 1px solid #dfe4e8;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
@ -277,6 +277,7 @@ export default defineComponent({
|
|||||||
}
|
}
|
||||||
|
|
||||||
.trace-detail-wrapper {
|
.trace-detail-wrapper {
|
||||||
|
height: 35px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
@ -135,7 +135,6 @@ export default defineComponent({
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
// height: calc(100% - 100px);
|
// height: calc(100% - 100px);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding-bottom: 20px;
|
|
||||||
}
|
}
|
||||||
.trace-chart.full-view {
|
.trace-chart.full-view {
|
||||||
height: calc(100% - 1px) !important;
|
height: calc(100% - 1px) !important;
|
||||||
|
Loading…
Reference in New Issue
Block a user