Fixed #5203 - MeterGroup Refactor

pull/5206/head
Cagatay Civici 2024-02-04 19:11:37 +03:00
parent ed82bfd238
commit 9a29cbc990
87 changed files with 2007 additions and 1792 deletions

View File

@ -3,48 +3,40 @@ import BaseStyle from 'primevue/base/style';
const css = ` const css = `
@layer primevue { @layer primevue {
.p-metergroup { .p-metergroup {
position: relative;
overflow: hidden;
}
.p-metergroup-vertical.p-metergroup {
display: flex; display: flex;
} }
.p-metergroup-vertical .p-metergroup-meter-container { .p-metergroup-meters {
display: flex;
}
.p-metergroup-vertical .p-metergroup-meters {
flex-direction: column; flex-direction: column;
} }
.p-metergroup-meter-container { .p-metergroup-labels {
display: flex;
}
.p-metergroup-label-list {
display: flex; display: flex;
flex-wrap: wrap;
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style-type: none; list-style-type: none;
} }
.p-metergroup-vertical .p-metergroup-label-list { .p-metergroup-vertical .p-metergroup-labels {
align-items: start; align-items: start;
} }
.p-metergroup-horizontal .p-metergroup-label-list-vertical { .p-metergroup-labels-vertical {
flex-direction: column; flex-direction: column;
} }
.p-metergroup-vertical .p-metergroup-label-list-horizontal { .p-metergroup-label {
flex-direction: column;
}
.p-metergroup-label-list-item {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
} }
.p-metergroup-label-type { .p-metergroup-label-marker {
display: inline-block; display: inline-flex;
} }
} }
`; `;
@ -57,22 +49,19 @@ const classes = {
'p-metergroup-vertical': props.orientation === 'vertical' 'p-metergroup-vertical': props.orientation === 'vertical'
} }
], ],
metercontainer: 'p-metergroup-meter-container', metercontainer: 'p-metergroup-meters',
meter: 'p-metergroup-meter', meter: 'p-metergroup-meter',
labellist: ({ props }) => [ labellist: ({ props }) => [
'p-metergroup-label-list', 'p-metergroup-labels',
{ {
'p-metergroup-label-list-start': props.labelPosition === 'start', 'p-metergroup-labels-vertical': props.labelOrientation === 'vertical',
'p-metergroup-label-list-end': props.labelPosition === 'end', 'p-metergroup-labels-horizontal': props.labelOrientation === 'horizontal'
'p-metergroup-label-list-vertical': props.labelOrientation === 'vertical',
'p-metergroup-label-list-horizontal': props.labelOrientation === 'horizontal'
} }
], ],
labellistitem: 'p-metergroup-label-list-item', labellistitem: 'p-metergroup-label',
labelicon: 'p-metergroup-label-icon', labelicon: 'p-metergroup-label-icon',
labellisttype: 'p-metergroup-label-type', labellisttype: 'p-metergroup-label-marker',
label: 'p-metergroup-label' label: 'p-metergroup-label-text'
}; };
export default BaseStyle.extend({ export default BaseStyle.extend({

View File

@ -1,6 +1,6 @@
<template> <template>
<DocSectionText v-bind="$attrs"> <DocSectionText v-bind="$attrs">
<p>MeterGroup requires <i>value</i> as the data to display.</p> <p>MeterGroup requires a <i>value</i> as the data to display where each item in the collection should be a type of <i>MeterItem</i>.</p>
</DocSectionText> </DocSectionText>
<div class="card"> <div class="card">
<MeterGroup :value="value" /> <MeterGroup :value="value" />

View File

@ -0,0 +1,69 @@
<template>
<DocSectionText v-bind="$attrs">
<p>Icons can be displayed next to the labels instead of the default marker.</p>
</DocSectionText>
<div class="card">
<MeterGroup :value="value" />
</div>
<DocSectionCode :code="code" />
</template>
<script>
export default {
data() {
return {
value: [
{ label: 'Apps', color: '#34d399', value: 16, icon: 'pi pi-table' },
{ label: 'Messages', color: '#fbbf24', value: 8, icon: 'pi pi-inbox' },
{ label: 'Media', color: '#60a5fa', value: 24, icon: 'pi pi-image' },
{ label: 'System', color: '#c084fc', value: 10, icon: 'pi pi-cog' }
],
code: {
basic: `
<MeterGroup :value="value" />
`,
options: `
<template>
<div class="card">
<MeterGroup :value="value" />
</div>
</template>
<script>
export default {
data() {
return {
value: [
{ label: 'Apps', color: '#34d399', value: 16, icon: 'pi pi-table' },
{ label: 'Messages', color: '#fbbf24', value: 8, icon: 'pi pi-inbox' },
{ label: 'Media', color: '#60a5fa', value: 24, icon: 'pi pi-image' },
{ label: 'System', color: '#c084fc', value: 10, icon: 'pi pi-cog' }
]
};
}
};
<\/script>
`,
composition: `
<template>
<div class="card">
<MeterGroup :value="value" />
</div>
</template>
<script setup>
import { ref } from "vue";
const value = ref([
{ label: 'Apps', color: '#34d399', value: 16, icon: 'pi pi-table' },
{ label: 'Messages', color: '#fbbf24', value: 8, icon: 'pi pi-inbox' },
{ label: 'Media', color: '#60a5fa', value: 24, icon: 'pi pi-image' },
{ label: 'System', color: '#c084fc', value: 10, icon: 'pi pi-cog' }
]);
<\/script>
`
}
};
}
};
</script>

View File

@ -1,12 +1,12 @@
<template> <template>
<DocSectionText v-bind="$attrs"> <DocSectionText v-bind="$attrs">
<p> <p>
Default layout of MeterGroup is <i>horizontal</i>, and also <i>labelOrientation</i> property can be set as <i>vertical</i>.In addition, position of the label can be changed using <i>labelPosition</i> property that the default value is The position of the labels relative to the meters is defined using the <i>labelPosition</i> property. The default orientation of the labels is horizontal, and the vertical alternative is available through the
<i>end</i> and also <i>start</i> option is available. <i>labelOrientation</i> option.
</p> </p>
</DocSectionText> </DocSectionText>
<div class="card"> <div class="card">
<MeterGroup :value="value" labelPosition="start" /> <MeterGroup :value="value" labelPosition="start" labelOrientation="vertical" />
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>
@ -16,19 +16,19 @@ export default {
data() { data() {
return { return {
value: [ value: [
{ label: 'Apps', value: 16, color: '#EB9A9C', icon: 'pi pi-cog' }, { label: 'Apps', color: '#34d399', value: 16 },
{ label: 'Messages', value: 8, color: '#FFCF91', icon: 'pi pi-envelope' }, { label: 'Messages', color: '#fbbf24', value: 8 },
{ label: 'Media', value: 24, color: '#93DEAC', icon: 'pi pi-image' }, { label: 'Media', color: '#60a5fa', value: 24 },
{ label: 'System Data', value: 20, color: '#91cff8', icon: 'pi pi-database' } { label: 'System', color: '#c084fc', value: 10 }
], ],
code: { code: {
basic: ` basic: `
<MeterGroup :value="value" labelPosition="start" /> <MeterGroup :value="value" labelPosition="start" labelOrientation="vertical" />
`, `,
options: ` options: `
<template> <template>
<div class="card"> <div class="card">
<MeterGroup :value="value" labelPosition="start" /> <MeterGroup :value="value" labelPosition="start" labelOrientation="vertical" />
</div> </div>
</template> </template>
@ -37,10 +37,10 @@ export default {
data() { data() {
return { return {
value: [ value: [
{ label: 'Apps', value: 16, color: '#EB9A9C', icon: 'pi pi-cog' }, { label: 'Apps', color: '#34d399', value: 16 },
{ label: 'Messages', value: 8, color: '#FFCF91', icon: 'pi pi-envelope' }, { label: 'Messages', color: '#fbbf24', value: 8 },
{ label: 'Media', value: 24, color: '#93DEAC', icon: 'pi pi-image' }, { label: 'Media', color: '#60a5fa', value: 24 },
{ label: 'System Data', value: 20, color: '#91cff8', icon: 'pi pi-database' } { label: 'System', color: '#c084fc', value: 10 }
] ]
}; };
} }
@ -50,7 +50,7 @@ export default {
composition: ` composition: `
<template> <template>
<div class="card"> <div class="card">
<MeterGroup :value="value" labelPosition="start" /> <MeterGroup :value="value" labelPosition="start" labelOrientation="vertical" />
</div> </div>
</template> </template>
@ -58,10 +58,10 @@ export default {
import { ref } from "vue"; import { ref } from "vue";
const value = ref([ const value = ref([
{ label: 'Apps', value: 16, color: '#EB9A9C', icon: 'pi pi-cog' }, { label: 'Apps', color: '#34d399', value: 16 },
{ label: 'Messages', value: 8, color: '#FFCF91', icon: 'pi pi-envelope' }, { label: 'Messages', color: '#fbbf24', value: 8 },
{ label: 'Media', value: 24, color: '#93DEAC', icon: 'pi pi-image' }, { label: 'Media', color: '#60a5fa', value: 24 },
{ label: 'System Data', value: 20, color: '#91cff8', icon: 'pi pi-database' } { label: 'System', color: '#c084fc', value: 10 }
]); ]);
<\/script> <\/script>
` `

View File

@ -3,7 +3,7 @@
<p>Boundaries are configured with the <i>min</i> and <i>max</i> values whose defaults are 0 and 100 respectively.</p> <p>Boundaries are configured with the <i>min</i> and <i>max</i> values whose defaults are 0 and 100 respectively.</p>
</DocSectionText> </DocSectionText>
<div class="card"> <div class="card">
<MeterGroup :value="value" :max="120" /> <MeterGroup :value="value" :max="200" />
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>
@ -13,19 +13,19 @@ export default {
data() { data() {
return { return {
value: [ value: [
{ label: 'Apps', value: 16, color: '#EB9A9C', icon: 'pi pi-cog' }, { label: 'Apps', color: '#34d399', value: 16 },
{ label: 'Messages', value: 8, color: '#FFCF91', icon: 'pi pi-envelope' }, { label: 'Messages', color: '#fbbf24', value: 8 },
{ label: 'Media', value: 24, color: '#93DEAC', icon: 'pi pi-image' }, { label: 'Media', color: '#60a5fa', value: 24 },
{ label: 'System Data', value: 20, color: '#91cff8', icon: 'pi pi-database' } { label: 'System', color: '#c084fc', value: 10 }
], ],
code: { code: {
basic: ` basic: `
<MeterGroup :value="value" :max="120" /> <MeterGroup :value="value" :max="200" />
`, `,
options: ` options: `
<template> <template>
<div class="card"> <div class="card">
<MeterGroup :value="value" :max="120" /> <MeterGroup :value="value" :max="200" />
</div> </div>
</template> </template>
@ -34,10 +34,10 @@ export default {
data() { data() {
return { return {
value: [ value: [
{ label: 'Apps', value: 16, color: '#EB9A9C', icon: 'pi pi-cog' }, { label: 'Apps', color: '#34d399', value: 16 },
{ label: 'Messages', value: 8, color: '#FFCF91', icon: 'pi pi-envelope' }, { label: 'Messages', color: '#fbbf24', value: 8 },
{ label: 'Media', value: 24, color: '#93DEAC', icon: 'pi pi-image' }, { label: 'Media', color: '#60a5fa', value: 24 },
{ label: 'System Data', value: 20, color: '#91cff8', icon: 'pi pi-database' } { label: 'System', color: '#c084fc', value: 10 }
], ],
}; };
} }
@ -47,7 +47,7 @@ export default {
composition: ` composition: `
<template> <template>
<div class="card"> <div class="card">
<MeterGroup :value="value" :max="120" /> <MeterGroup :value="value" :max="200" />
</div> </div>
</template> </template>
@ -55,10 +55,10 @@ export default {
import { ref } from "vue"; import { ref } from "vue";
const value = ref([ const value = ref([
{ label: 'Apps', value: 16, color: '#EB9A9C', icon: 'pi pi-cog' }, { label: 'Apps', color: '#34d399', value: 16 },
{ label: 'Messages', value: 8, color: '#FFCF91', icon: 'pi pi-envelope' }, { label: 'Messages', color: '#fbbf24', value: 8 },
{ label: 'Media', value: 24, color: '#93DEAC', icon: 'pi pi-image' }, { label: 'Media', color: '#60a5fa', value: 24 },
{ label: 'System Data', value: 20, color: '#91cff8', icon: 'pi pi-database' } { label: 'System', color: '#c084fc', value: 10 }
]); ]);
<\/script> <\/script>
` `

View File

@ -1,6 +1,6 @@
<template> <template>
<DocSectionText v-bind="$attrs"> <DocSectionText v-bind="$attrs">
<p><i>value</i> property accepts multiple meter group objects.</p> <p>Adding more items to the array displays the meters in a group.</p>
</DocSectionText> </DocSectionText>
<div class="card"> <div class="card">
<MeterGroup :value="value" /> <MeterGroup :value="value" />
@ -13,9 +13,10 @@ export default {
data() { data() {
return { return {
value: [ value: [
{ color: '#239EF0', label: 'Mortgage', value: 25 }, { label: 'Apps', color: '#34d399', value: 16 },
{ color: '#FAA419', label: 'Loan', value: 15 }, { label: 'Messages', color: '#fbbf24', value: 8 },
{ color: '#EE5879', label: 'Credit Card', value: 20 } { label: 'Media', color: '#60a5fa', value: 24 },
{ label: 'System', color: '#c084fc', value: 10 }
], ],
code: { code: {
basic: ` basic: `
@ -33,9 +34,10 @@ export default {
data() { data() {
return { return {
value: [ value: [
{ color: '#239EF0', label: 'Mortgage', value: 25 }, { label: 'Apps', color: '#34d399', value: 16 },
{ color: '#FAA419', label: 'Loan', value: 15 }, { label: 'Messages', color: '#fbbf24', value: 8 },
{ color: '#EE5879', label: 'Credit Card', value: 20 } { label: 'Media', color: '#60a5fa', value: 24 },
{ label: 'System', color: '#c084fc', value: 10 }
] ]
}; };
} }
@ -53,9 +55,10 @@ export default {
import { ref } from "vue"; import { ref } from "vue";
const value = ref([ const value = ref([
{ color: '#239EF0', label: 'Mortgage', value: 25 }, { label: 'Apps', color: '#34d399', value: 16 },
{ color: '#FAA419', label: 'Loan', value: 15 }, { label: 'Messages', color: '#fbbf24', value: 8 },
{ color: '#EE5879', label: 'Credit Card', value: 20 } { label: 'Media', color: '#60a5fa', value: 24 },
{ label: 'System', color: '#c084fc', value: 10 }
]); ]);
<\/script> <\/script>
` `

View File

@ -0,0 +1,213 @@
<template>
<DocSectionText v-bind="$attrs">
<p>MeterGroup provides templating support for labels, meter items, and content around the meters.</p>
</DocSectionText>
<div class="card">
<MeterGroup :value="value" labelPosition="start">
<template #label="{ value }">
<div class="flex flex-wrap gap-3">
<template v-for="val of value" :key="val.label">
<Card class="flex-1">
<template #content>
<div class="flex justify-content-between gap-5">
<div class="flex flex-column gap-1">
<span class="text-secondary text-sm">{{ val.label }}</span>
<span class="font-bold text-lg">{{ val.value }}%</span>
</div>
<span class="w-2rem h-2rem border-circle inline-flex justify-content-center align-items-center text-center" :style="{ backgroundColor: `${val.color1}`, color: '#ffffff' }">
<i :class="val.icon" />
</span>
</div>
</template>
</Card>
</template>
</div>
</template>
<template #meter="slotProps">
<span :class="slotProps.class" :style="{ background: `linear-gradient(to right, ${slotProps.value.color1}, ${slotProps.value.color2})`, width: slotProps.size }" />
</template>
<template #start="{ totalPercent }">
<div class="flex justify-content-between mt-3 mb-2 relative">
<span>Storage</span>
<span :style="{ width: totalPercent + '%' }" class="absolute text-right">{{ totalPercent }}%</span>
<span class="font-medium">1TB</span>
</div>
</template>
<template #end>
<div class="flex justify-content-between mt-3">
<Button label="Manage Storage" outlined size="small" />
<Button label="Update Plan" size="small" />
</div>
</template>
</MeterGroup>
</div>
<DocSectionCode :code="code" />
</template>
<script>
export default {
data() {
return {
value: [
{ label: 'Apps', color1: '#34d399', color2: '#fbbf24', value: 25, icon: 'pi pi-table' },
{ label: 'Messages', color1: '#fbbf24', color2: '#60a5fa', value: 15, icon: 'pi pi-inbox' },
{ label: 'Media', color1: '#60a5fa', color2: '#c084fc', value: 20, icon: 'pi pi-image' },
{ label: 'System', color1: '#c084fc', color2: '#c084fc', value: 10, icon: 'pi pi-cog' }
],
code: {
basic: `
<MeterGroup :value="value" labelPosition="start">
<template #label="{ value }">
<div class="flex flex-wrap gap-3">
<template v-for="val of value" :key="val.label">
<Card class="flex-1">
<template #content>
<div class="flex justify-content-between gap-5">
<div class="flex flex-column gap-1">
<span class="text-secondary text-sm">{{ val.label }}</span>
<span class="font-bold text-lg">{{ val.value }}%</span>
</div>
<span class="w-2rem h-2rem border-circle inline-flex justify-content-center align-items-center text-center" :style="{ backgroundColor: \`\${val.color1}\`, color: '#ffffff' }">
<i :class="val.icon" />
</span>
</div>
</template>
</Card>
</template>
</div>
</template>
<template #meter="slotProps">
<span :class="slotProps.class" :style="{ background: \`linear-gradient(to right, \${slotProps.value.color1}, \${slotProps.value.color2})\`, width: slotProps.size }" />
</template>
<template #start="{ totalPercent }">
<div class="flex justify-content-between mt-3 mb-2 relative">
<span>Storage</span>
<span :style="{ width: totalPercent + '%' }" class="absolute text-right">{{ totalPercent }}%</span>
<span class="font-medium">1TB</span>
</div>
</template>
<template #end>
<div class="flex justify-content-between mt-3">
<Button label="Manage Storage" outlined size="small" />
<Button label="Update Plan" size="small" />
</div>
</template>
</MeterGroup>
`,
options: `
<template>
<div class="card">
<MeterGroup :value="value" labelPosition="start">
<template #label="{ value }">
<div class="flex flex-wrap gap-3">
<template v-for="val of value" :key="val.label">
<Card class="flex-1">
<template #content>
<div class="flex justify-content-between gap-5">
<div class="flex flex-column gap-1">
<span class="text-secondary text-sm">{{ val.label }}</span>
<span class="font-bold text-lg">{{ val.value }}%</span>
</div>
<span class="w-2rem h-2rem border-circle inline-flex justify-content-center align-items-center text-center" :style="{ backgroundColor: \`\${val.color1}\`, color: '#ffffff' }">
<i :class="val.icon" />
</span>
</div>
</template>
</Card>
</template>
</div>
</template>
<template #meter="slotProps">
<span :class="slotProps.class" :style="{ background: \`linear-gradient(to right, \${slotProps.value.color1}, \${slotProps.value.color2})\`, width: slotProps.size }" />
</template>
<template #start="{ totalPercent }">
<div class="flex justify-content-between mt-3 mb-2 relative">
<span>Storage</span>
<span :style="{ width: totalPercent + '%' }" class="absolute text-right">{{ totalPercent }}%</span>
<span class="font-medium">1TB</span>
</div>
</template>
<template #end>
<div class="flex justify-content-between mt-3">
<Button label="Manage Storage" outlined size="small" />
<Button label="Update Plan" size="small" />
</div>
</template>
</MeterGroup>
</div>
</template>
<script>
export default {
data() {
return {
value: [
{ label: 'Apps', color1: '#34d399', color2: '#fbbf24', value: 25, icon: 'pi pi-table' },
{ label: 'Messages', color1: '#fbbf24', color2: '#60a5fa', value: 15, icon: 'pi pi-inbox' },
{ label: 'Media', color1: '#60a5fa', color2: '#c084fc', value: 20, icon: 'pi pi-image' },
{ label: 'System', color1: '#c084fc', color2: '#c084fc', value: 10, icon: 'pi pi-cog' }
]
};
}
};
<\/script>
`,
composition: `
<template>
<div class="card">
<MeterGroup :value="value" labelPosition="start">
<template #label="{ value }">
<div class="flex flex-wrap gap-3">
<template v-for="val of value" :key="i">
<Card class="flex-1">
<template #content>
<div class="flex justify-content-between gap-5">
<div class="flex flex-column gap-1">
<span class="text-secondary text-sm">{{ val.label }}</span>
<span class="font-bold text-lg">{{ val.value }}%</span>
</div>
<span class="w-2rem h-2rem border-circle inline-flex justify-content-center align-items-center text-center" :style="{ backgroundColor: \`\${val.color1}\`, color: '#ffffff' }">
<i :class="val.icon" />
</span>
</div>
</template>
</Card>
</template>
</div>
</template>
<template #meter="slotProps">
<span :class="slotProps.class" :style="{ background: \`linear-gradient(to right, \${slotProps.value.color1}, \${slotProps.value.color2})\`, width: slotProps.size }" />
</template>
<template #start="{ totalPercent }">
<div class="flex justify-content-between mt-3 mb-2 relative">
<span>Storage</span>
<span :style="{ width: totalPercent + '%' }" class="absolute text-right">{{ totalPercent }}%</span>
<span class="font-medium">1TB</span>
</div>
</template>
<template #end>
<div class="flex justify-content-between mt-3">
<Button label="Manage Storage" outlined size="small" />
<Button label="Update Plan" size="small" />
</div>
</template>
</MeterGroup>
</div>
</template>
<script setup>
import { ref } from "vue";
const value = ref([
{ label: 'Apps', color1: '#34d399', color2: '#fbbf24', value: 25, icon: 'pi pi-table' },
{ label: 'Messages', color1: '#fbbf24', color2: '#60a5fa', value: 15, icon: 'pi pi-inbox' },
{ label: 'Media', color1: '#60a5fa', color2: '#c084fc', value: 20, icon: 'pi pi-image' },
{ label: 'System', color1: '#c084fc', color2: '#c084fc', value: 10, icon: 'pi pi-cog' }
]);
<\/script>
`
}
};
}
};
</script>

View File

@ -1,153 +0,0 @@
<template>
<DocSectionText v-bind="$attrs">
<p>
MeterGroup offers meter customization with the <i>meter</i> template that receives the meter instance from the value as a parameter and also <i>label</i> template receives value instance. In addition, the <i>start</i> and <i>end</i> slots
are available to define the start and end templating for MeterGroup respectively.
</p>
</DocSectionText>
<div class="card">
<MeterGroup :value="value" labelPosition="start">
<template #label="{ value }">
<div class="flex flex-column text-sm gap-2">
<template v-for="(val, i) of value" :key="i">
<span :style="{ color: val.color }" class="flex gap-2">
<i :class="val.icon" />
{{ val.label }} ({{ val.value }}%)</span
>
</template>
</div>
</template>
<template #start="{ totalPercent }">
<div class="flex justify-content-between mt-3 mb-2">
<span>Account </span>
<span :style="{ width: totalPercent + '%' }" class="absolute text-right">{{ totalPercent }}%</span>
<span>Savings: 1000$ </span>
</div>
</template>
<template #meter="slotProps">
<span :class="slotProps.class" :style="{ backgroundColor: slotProps.value.color, width: slotProps.size }" />
</template>
</MeterGroup>
</div>
<DocSectionCode :code="code" />
</template>
<script>
export default {
data() {
return {
value: [
{ color: '#239EF0', label: 'Mortgage', value: 25, icon: 'pi pi-home' },
{ color: '#FAA419', label: 'Loan', value: 15, icon: 'pi pi-money-bill' },
{ color: '#EE5879', label: 'Credit Card', value: 20, icon: 'pi pi-credit-card' }
],
code: {
basic: `
<MeterGroup :value="value" labelPosition="start">
<template #label="{ value }">
<div class="flex flex-column text-sm gap-2">
<template v-for="(val, i) of value" :key="i">
<span :style="{ color: val.color }" class="flex gap-2">
<i :class="val.icon" />
{{ val.label }} ({{ val.value }}%)</span
>
</template>
</div>
</template>
<template #start="{ totalPercent }">
<div class="flex justify-content-between mt-3 mb-2">
<span>Account </span>
<span :style="{ width: totalPercent + '%' }" class="absolute text-right">{{ totalPercent }}%</span>
<span>Savings: 1000$ </span>
</div>
</template>
<template #meter="slotProps">
<span :class="slotProps.class" :style="{ backgroundColor: slotProps.value.color, width: slotProps.size }" />
</template>
</MeterGroup>
`,
options: `
<template>
<div class="card">
<MeterGroup :value="value" labelPosition="start">
<template #label="{ value }">
<div class="flex flex-column text-sm gap-2">
<template v-for="(val, i) of value" :key="i">
<span :style="{ color: val.color }" class="flex gap-2">
<i :class="val.icon" />
{{ val.label }} ({{ val.value }}%)</span
>
</template>
</div>
</template>
<template #start="{ totalPercent }">
<div class="flex justify-content-between mt-3 mb-2">
<span>Account </span>
<span :style="{ width: totalPercent + '%' }" class="absolute text-right">{{ totalPercent }}%</span>
<span>Savings: 1000$ </span>
</div>
</template>
<template #meter="slotProps">
<span :class="slotProps.class" :style="{ backgroundColor: slotProps.value.color, width: slotProps.size }" />
</template>
</MeterGroup>
</div>
</template>
<script>
export default {
data() {
return {
value: [
{ color: '#239EF0', label: 'Mortgage', value: 25 },
{ color: '#FAA419', label: 'Loan', value: 15 },
{ color: '#EE5879', label: 'Credit Card', value: 20 }
]
};
}
};
<\/script>
`,
composition: `
<template>
<div class="card">
<MeterGroup :value="value" labelPosition="start">
<template #label="{ value }">
<div class="flex flex-column text-sm gap-2">
<template v-for="(val, i) of value" :key="i">
<span :style="{ color: val.color }" class="flex gap-2">
<i :class="val.icon" />
{{ val.label }} ({{ val.value }}%)</span
>
</template>
</div>
</template>
<template #start="{ totalPercent }">
<div class="flex justify-content-between mt-3 mb-2">
<span>Account </span>
<span :style="{ width: totalPercent + '%' }" class="absolute text-right">{{ totalPercent }}%</span>
<span>Savings: 1000$ </span>
</div>
</template>
<template #meter="slotProps">
<span :class="slotProps.class" :style="{ backgroundColor: slotProps.value.color, width: slotProps.size }" />
</template>
</MeterGroup>
</div>
</template>
<script setup>
import { ref } from "vue";
const value = ref([
{ color: '#239EF0', label: 'Mortgage', value: 25 },
{ color: '#FAA419', label: 'Loan', value: 15 },
{ color: '#EE5879', label: 'Credit Card', value: 20 }
]);
<\/script>
`
}
};
}
};
</script>

View File

@ -1,9 +1,9 @@
<template> <template>
<DocSectionText v-bind="$attrs"> <DocSectionText v-bind="$attrs">
<p>Layout of the MeterGroup is configured with the <i>orientation</i> property that accepts <i>horizontal</i> and <i>vertical</i> as options.</p> <p>Layout of the MeterGroup is configured with the <i>orientation</i> property that accepts either <i>horizontal</i> or <i>vertical</i> as available options.</p>
</DocSectionText> </DocSectionText>
<div class="card flex justify-content-center" style="height: 350px"> <div class="card flex justify-content-center" style="height: 360px">
<MeterGroup :value="value" orientation="vertical" /> <MeterGroup :value="value" orientation="vertical" labelOrientation="vertical" />
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>
@ -13,18 +13,19 @@ export default {
data() { data() {
return { return {
value: [ value: [
{ color: '#4ADE81', label: 'E-mails', value: 17 }, { label: 'Apps', color: '#34d399', value: 24 },
{ color: '#FB923C', label: 'Messages', value: 36 }, { label: 'Messages', color: '#fbbf24', value: 16 },
{ color: '#C084FC', label: 'Other', value: 24 } { label: 'Media', color: '#60a5fa', value: 24 },
{ label: 'System', color: '#c084fc', value: 12 }
], ],
code: { code: {
basic: ` basic: `
<MeterGroup :value="value" orientation="vertical" /> <MeterGroup :value="value" orientation="vertical" labelOrientation="vertical" />
`, `,
options: ` options: `
<template> <template>
<div class="card flex justify-content-center" style="height: 350px"> <div class="card flex justify-content-center" style="height: 360px">
<MeterGroup :value="value" orientation="vertical" /> <MeterGroup :value="value" orientation="vertical" labelOrientation="vertical" />
</div> </div>
</template> </template>
@ -33,9 +34,10 @@ export default {
data() { data() {
return { return {
value: [ value: [
{ color: '#4ADE81', label: 'E-mails', value: 17 }, { label: 'Apps', color: '#34d399', value: 24 },
{ color: '#FB923C', label: 'Messages', value: 36 }, { label: 'Messages', color: '#fbbf24', value: 16 },
{ color: '#C084FC', label: 'Other', value: 24 } { label: 'Media', color: '#60a5fa', value: 24 },
{ label: 'System', color: '#c084fc', value: 12 }
] ]
}; };
} }
@ -44,8 +46,8 @@ export default {
`, `,
composition: ` composition: `
<template> <template>
<div class="card flex justify-content-center" style="height: 350px"> <div class="card flex justify-content-center" style="height: 360px">
<MeterGroup :value="value" orientation="vertical" /> <MeterGroup :value="value" orientation="vertical" labelOrientation="vertical" />
</div> </div>
</template> </template>
@ -53,9 +55,10 @@ export default {
import { ref } from "vue"; import { ref } from "vue";
const value = ref([ const value = ref([
{ color: '#4ADE81', label: 'E-mails', value: 17 }, { label: 'Apps', color: '#34d399', value: 24 },
{ color: '#FB923C', label: 'Messages', value: 36 }, { label: 'Messages', color: '#fbbf24', value: 16 },
{ color: '#C084FC', label: 'Other', value: 24 } { label: 'Media', color: '#60a5fa', value: 24 },
{ label: 'System', color: '#c084fc', value: 12 }
]); ]);
<\/script> <\/script>
` `

View File

@ -1,16 +1,25 @@
<template> <template>
<DocComponent title="Vue MeterGroup Component" header="MeterGroup" description="MeterGroup is a group of process status indicators." :componentDocs="docs" :apiDocs="['MeterGroup']" :ptTabComponent="ptComponent" :themingDocs="themingDoc" /> <DocComponent
title="Vue MeterGroup Component"
header="MeterGroup"
description="MeterGroup displays scalar measurements within a known range."
:componentDocs="docs"
:apiDocs="['MeterGroup']"
:ptTabComponent="ptComponent"
:themingDocs="themingDoc"
/>
</template> </template>
<script> <script>
import AccessibilityDoc from '@/doc/metergroup/AccessibilityDoc.vue'; import AccessibilityDoc from '@/doc/metergroup/AccessibilityDoc.vue';
import BasicDoc from '@/doc/metergroup/BasicDoc.vue'; import BasicDoc from '@/doc/metergroup/BasicDoc.vue';
import MultipleDoc from '@/doc/metergroup/MultipleDoc.vue'; import IconDoc from '@/doc/metergroup/IconDoc.vue';
import ImportDoc from '@/doc/metergroup/ImportDoc.vue'; import ImportDoc from '@/doc/metergroup/ImportDoc.vue';
import VerticalDoc from '@/doc/metergroup/VerticalDoc.vue';
import LabelDoc from '@/doc/metergroup/LabelDoc.vue'; import LabelDoc from '@/doc/metergroup/LabelDoc.vue';
import TemplatingDoc from '@/doc/metergroup/TemplatingDoc.vue';
import MinMaxDoc from '@/doc/metergroup/MinMaxDoc.vue'; import MinMaxDoc from '@/doc/metergroup/MinMaxDoc.vue';
import MultipleDoc from '@/doc/metergroup/MultipleDoc.vue';
import TemplateDoc from '@/doc/metergroup/TemplateDoc.vue';
import VerticalDoc from '@/doc/metergroup/VerticalDoc.vue';
import PTComponent from '@/doc/metergroup/pt/index.vue'; import PTComponent from '@/doc/metergroup/pt/index.vue';
import ThemingDoc from '@/doc/metergroup/theming/index.vue'; import ThemingDoc from '@/doc/metergroup/theming/index.vue';
@ -33,6 +42,11 @@ export default {
label: 'Multiple', label: 'Multiple',
component: MultipleDoc component: MultipleDoc
}, },
{
id: 'icon',
label: 'Icon',
component: IconDoc
},
{ {
id: 'label', id: 'label',
label: 'Label', label: 'Label',
@ -49,9 +63,9 @@ export default {
component: MinMaxDoc component: MinMaxDoc
}, },
{ {
id: 'templating', id: 'template',
label: 'Templating', label: 'Template',
component: TemplatingDoc component: TemplateDoc
}, },
{ {
id: 'accessibility', id: 'accessibility',

View File

@ -5605,7 +5605,10 @@
box-shadow: 0 0 0 1px #93cbf9; box-shadow: 0 0 0 1px #93cbf9;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #383838; background: #383838;
border-radius: 3px; border-radius: 3px;
} }
@ -5613,25 +5616,29 @@
border: 0 none; border: 0 none;
background: #64B5F6; background: #64B5F6;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #64B5F6; background: #64B5F6;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5642,13 +5649,10 @@
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5660,9 +5664,6 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5605,7 +5605,10 @@
box-shadow: 0 0 0 1px #a7d8a9; box-shadow: 0 0 0 1px #a7d8a9;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #383838; background: #383838;
border-radius: 3px; border-radius: 3px;
} }
@ -5613,25 +5616,29 @@
border: 0 none; border: 0 none;
background: #81C784; background: #81C784;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #81C784; background: #81C784;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5642,13 +5649,10 @@
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5660,9 +5664,6 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5605,7 +5605,10 @@
box-shadow: 0 0 0 1px #ffe284; box-shadow: 0 0 0 1px #ffe284;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #383838; background: #383838;
border-radius: 3px; border-radius: 3px;
} }
@ -5613,25 +5616,29 @@
border: 0 none; border: 0 none;
background: #FFD54F; background: #FFD54F;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #FFD54F; background: #FFD54F;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5642,13 +5649,10 @@
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5660,9 +5664,6 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5605,7 +5605,10 @@
box-shadow: 0 0 0 1px #cf95d9; box-shadow: 0 0 0 1px #cf95d9;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #383838; background: #383838;
border-radius: 3px; border-radius: 3px;
} }
@ -5613,25 +5616,29 @@
border: 0 none; border: 0 none;
background: #BA68C8; background: #BA68C8;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #BA68C8; background: #BA68C8;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5642,13 +5649,10 @@
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5660,9 +5664,6 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5743,7 +5743,10 @@
box-shadow: none; box-shadow: none;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #3f3f46; background: #3f3f46;
border-radius: 6px; border-radius: 6px;
} }
@ -5751,25 +5754,29 @@
border: 0 none; border: 0 none;
background: #fbbf24; background: #fbbf24;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.25rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #fbbf24; background: #fbbf24;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5780,13 +5787,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5798,9 +5802,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5743,7 +5743,10 @@
box-shadow: none; box-shadow: none;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #3f3f46; background: #3f3f46;
border-radius: 6px; border-radius: 6px;
} }
@ -5751,25 +5754,29 @@
border: 0 none; border: 0 none;
background: #60a5fa; background: #60a5fa;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.25rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #60a5fa; background: #60a5fa;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5780,13 +5787,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5798,9 +5802,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5743,7 +5743,10 @@
box-shadow: none; box-shadow: none;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #3f3f46; background: #3f3f46;
border-radius: 6px; border-radius: 6px;
} }
@ -5751,25 +5754,29 @@
border: 0 none; border: 0 none;
background: #22d3ee; background: #22d3ee;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.25rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #22d3ee; background: #22d3ee;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5780,13 +5787,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5798,9 +5802,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5743,7 +5743,10 @@
box-shadow: none; box-shadow: none;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #3f3f46; background: #3f3f46;
border-radius: 6px; border-radius: 6px;
} }
@ -5751,25 +5754,29 @@
border: 0 none; border: 0 none;
background: #34d399; background: #34d399;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.25rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #34d399; background: #34d399;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5780,13 +5787,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5798,9 +5802,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5743,7 +5743,10 @@
box-shadow: none; box-shadow: none;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #3f3f46; background: #3f3f46;
border-radius: 6px; border-radius: 6px;
} }
@ -5751,25 +5754,29 @@
border: 0 none; border: 0 none;
background: #818cf8; background: #818cf8;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.25rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #818cf8; background: #818cf8;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5780,13 +5787,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5798,9 +5802,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5743,7 +5743,10 @@
box-shadow: none; box-shadow: none;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #3f3f46; background: #3f3f46;
border-radius: 6px; border-radius: 6px;
} }
@ -5751,25 +5754,29 @@
border: 0 none; border: 0 none;
background: #a3e635; background: #a3e635;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.25rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #a3e635; background: #a3e635;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5780,13 +5787,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5798,9 +5802,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5743,7 +5743,10 @@
box-shadow: none; box-shadow: none;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #3f3f46; background: #3f3f46;
border-radius: 6px; border-radius: 6px;
} }
@ -5751,25 +5754,29 @@
border: 0 none; border: 0 none;
background: #fafafa; background: #fafafa;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.25rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #fafafa; background: #fafafa;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5780,13 +5787,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5798,9 +5802,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5743,7 +5743,10 @@
box-shadow: none; box-shadow: none;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #3f3f46; background: #3f3f46;
border-radius: 6px; border-radius: 6px;
} }
@ -5751,25 +5754,29 @@
border: 0 none; border: 0 none;
background: #f472b6; background: #f472b6;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.25rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #f472b6; background: #f472b6;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5780,13 +5787,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5798,9 +5802,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5743,7 +5743,10 @@
box-shadow: none; box-shadow: none;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #3f3f46; background: #3f3f46;
border-radius: 6px; border-radius: 6px;
} }
@ -5751,25 +5754,29 @@
border: 0 none; border: 0 none;
background: #a78bfa; background: #a78bfa;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.25rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #a78bfa; background: #a78bfa;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5780,13 +5787,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5798,9 +5802,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5743,7 +5743,10 @@
box-shadow: none; box-shadow: none;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #3f3f46; background: #3f3f46;
border-radius: 6px; border-radius: 6px;
} }
@ -5751,25 +5754,29 @@
border: 0 none; border: 0 none;
background: #2dd4bf; background: #2dd4bf;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.25rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #2dd4bf; background: #2dd4bf;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5780,13 +5787,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5798,9 +5802,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5745,7 +5745,10 @@
box-shadow: none; box-shadow: none;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #e2e8f0; background: #e2e8f0;
border-radius: 6px; border-radius: 6px;
} }
@ -5753,25 +5756,29 @@
border: 0 none; border: 0 none;
background: #f59e0b; background: #f59e0b;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.25rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #f59e0b; background: #f59e0b;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5782,13 +5789,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5800,9 +5804,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5745,7 +5745,10 @@
box-shadow: none; box-shadow: none;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #e2e8f0; background: #e2e8f0;
border-radius: 6px; border-radius: 6px;
} }
@ -5753,25 +5756,29 @@
border: 0 none; border: 0 none;
background: #3B82F6; background: #3B82F6;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.25rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #3B82F6; background: #3B82F6;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5782,13 +5789,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5800,9 +5804,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5745,7 +5745,10 @@
box-shadow: none; box-shadow: none;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #e2e8f0; background: #e2e8f0;
border-radius: 6px; border-radius: 6px;
} }
@ -5753,25 +5756,29 @@
border: 0 none; border: 0 none;
background: #06b6d4; background: #06b6d4;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.25rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #06b6d4; background: #06b6d4;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5782,13 +5789,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5800,9 +5804,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5745,7 +5745,10 @@
box-shadow: none; box-shadow: none;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #e2e8f0; background: #e2e8f0;
border-radius: 6px; border-radius: 6px;
} }
@ -5753,25 +5756,29 @@
border: 0 none; border: 0 none;
background: #10b981; background: #10b981;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.25rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #10b981; background: #10b981;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5782,13 +5789,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5800,9 +5804,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5745,7 +5745,10 @@
box-shadow: none; box-shadow: none;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #e2e8f0; background: #e2e8f0;
border-radius: 6px; border-radius: 6px;
} }
@ -5753,25 +5756,29 @@
border: 0 none; border: 0 none;
background: #6366F1; background: #6366F1;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.25rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #6366F1; background: #6366F1;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5782,13 +5789,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5800,9 +5804,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5745,7 +5745,10 @@
box-shadow: none; box-shadow: none;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #e2e8f0; background: #e2e8f0;
border-radius: 6px; border-radius: 6px;
} }
@ -5753,25 +5756,29 @@
border: 0 none; border: 0 none;
background: #84cc16; background: #84cc16;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.25rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #84cc16; background: #84cc16;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5782,13 +5789,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5800,9 +5804,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5753,7 +5753,10 @@
box-shadow: none; box-shadow: none;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #e2e8f0; background: #e2e8f0;
border-radius: 6px; border-radius: 6px;
} }
@ -5761,25 +5764,29 @@
border: 0 none; border: 0 none;
background: #020617; background: #020617;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.25rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #020617; background: #020617;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5790,13 +5797,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5808,9 +5812,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5745,7 +5745,10 @@
box-shadow: none; box-shadow: none;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #e2e8f0; background: #e2e8f0;
border-radius: 6px; border-radius: 6px;
} }
@ -5753,25 +5756,29 @@
border: 0 none; border: 0 none;
background: #ec4899; background: #ec4899;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.25rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #ec4899; background: #ec4899;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5782,13 +5789,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5800,9 +5804,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5745,7 +5745,10 @@
box-shadow: none; box-shadow: none;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #e2e8f0; background: #e2e8f0;
border-radius: 6px; border-radius: 6px;
} }
@ -5753,25 +5756,29 @@
border: 0 none; border: 0 none;
background: #8B5CF6; background: #8B5CF6;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.25rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #8B5CF6; background: #8B5CF6;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5782,13 +5789,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5800,9 +5804,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5745,7 +5745,10 @@
box-shadow: none; box-shadow: none;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #e2e8f0; background: #e2e8f0;
border-radius: 6px; border-radius: 6px;
} }
@ -5753,25 +5756,29 @@
border: 0 none; border: 0 none;
background: #14b8a6; background: #14b8a6;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.25rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #14b8a6; background: #14b8a6;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5782,13 +5789,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5800,9 +5804,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5666,7 +5666,10 @@
box-shadow: 0 0 0 1px #e3f3fe; box-shadow: 0 0 0 1px #e3f3fe;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #3f4b5b; background: #3f4b5b;
border-radius: 4px; border-radius: 4px;
} }
@ -5674,25 +5677,29 @@
border: 0 none; border: 0 none;
background: #8dd0ff; background: #8dd0ff;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #8dd0ff; background: #8dd0ff;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5703,13 +5710,10 @@
border-top-right-radius: 4px; border-top-right-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5721,9 +5725,6 @@
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5666,7 +5666,10 @@
box-shadow: 0 0 0 1px #f0e6f5; box-shadow: 0 0 0 1px #f0e6f5;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #3f4b5b; background: #3f4b5b;
border-radius: 4px; border-radius: 4px;
} }
@ -5674,25 +5677,29 @@
border: 0 none; border: 0 none;
background: #c298d8; background: #c298d8;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #c298d8; background: #c298d8;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5703,13 +5710,10 @@
border-top-right-radius: 4px; border-top-right-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5721,9 +5725,6 @@
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5666,7 +5666,10 @@
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #e9ecef; background: #e9ecef;
border-radius: 4px; border-radius: 4px;
} }
@ -5674,25 +5677,29 @@
border: 0 none; border: 0 none;
background: #007bff; background: #007bff;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #007bff; background: #007bff;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5703,13 +5710,10 @@
border-top-right-radius: 4px; border-top-right-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5721,9 +5725,6 @@
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5666,7 +5666,10 @@
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #e9ecef; background: #e9ecef;
border-radius: 4px; border-radius: 4px;
} }
@ -5674,25 +5677,29 @@
border: 0 none; border: 0 none;
background: #883cae; background: #883cae;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #883cae; background: #883cae;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5703,13 +5710,10 @@
border-top-right-radius: 4px; border-top-right-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5721,9 +5725,6 @@
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5556,7 +5556,10 @@
box-shadow: inset 0 0 0 1px #605e5c; box-shadow: inset 0 0 0 1px #605e5c;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #edebe9; background: #edebe9;
border-radius: 2px; border-radius: 2px;
} }
@ -5564,25 +5567,29 @@
border: 0 none; border: 0 none;
background: #0078d4; background: #0078d4;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 2px; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #0078d4; background: #0078d4;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5593,13 +5600,10 @@
border-top-right-radius: 2px; border-top-right-radius: 2px;
border-bottom-right-radius: 2px; border-bottom-right-radius: 2px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5611,9 +5615,6 @@
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px; border-bottom-right-radius: 2px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5694,7 +5694,10 @@
box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #424b57; background: #424b57;
border-radius: 6px; border-radius: 6px;
} }
@ -5702,25 +5705,29 @@
border: 0 none; border: 0 none;
background: #fbbf24; background: #fbbf24;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #fbbf24; background: #fbbf24;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5731,13 +5738,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5749,9 +5753,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5694,7 +5694,10 @@
box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #424b57; background: #424b57;
border-radius: 6px; border-radius: 6px;
} }
@ -5702,25 +5705,29 @@
border: 0 none; border: 0 none;
background: #60a5fa; background: #60a5fa;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #60a5fa; background: #60a5fa;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5731,13 +5738,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5749,9 +5753,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5694,7 +5694,10 @@
box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #424b57; background: #424b57;
border-radius: 6px; border-radius: 6px;
} }
@ -5702,25 +5705,29 @@
border: 0 none; border: 0 none;
background: #22d3ee; background: #22d3ee;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #22d3ee; background: #22d3ee;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5731,13 +5738,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5749,9 +5753,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5694,7 +5694,10 @@
box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2);
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #424b57; background: #424b57;
border-radius: 6px; border-radius: 6px;
} }
@ -5702,25 +5705,29 @@
border: 0 none; border: 0 none;
background: #34d399; background: #34d399;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #34d399; background: #34d399;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5731,13 +5738,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5749,9 +5753,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5694,7 +5694,10 @@
box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2);
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #424b57; background: #424b57;
border-radius: 6px; border-radius: 6px;
} }
@ -5702,25 +5705,29 @@
border: 0 none; border: 0 none;
background: #818cf8; background: #818cf8;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #818cf8; background: #818cf8;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5731,13 +5738,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5749,9 +5753,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5694,7 +5694,10 @@
box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2);
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #424b57; background: #424b57;
border-radius: 6px; border-radius: 6px;
} }
@ -5702,25 +5705,29 @@
border: 0 none; border: 0 none;
background: #f472b6; background: #f472b6;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #f472b6; background: #f472b6;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5731,13 +5738,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5749,9 +5753,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5694,7 +5694,10 @@
box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2);
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #424b57; background: #424b57;
border-radius: 6px; border-radius: 6px;
} }
@ -5702,25 +5705,29 @@
border: 0 none; border: 0 none;
background: #a78bfa; background: #a78bfa;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #a78bfa; background: #a78bfa;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5731,13 +5738,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5749,9 +5753,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5694,7 +5694,10 @@
box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2);
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #424b57; background: #424b57;
border-radius: 6px; border-radius: 6px;
} }
@ -5702,25 +5705,29 @@
border: 0 none; border: 0 none;
background: #2dd4bf; background: #2dd4bf;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #2dd4bf; background: #2dd4bf;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5731,13 +5738,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5749,9 +5753,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5694,7 +5694,10 @@
box-shadow: 0 0 0 0.2rem #fef08a; box-shadow: 0 0 0 0.2rem #fef08a;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #e5e7eb; background: #e5e7eb;
border-radius: 6px; border-radius: 6px;
} }
@ -5702,25 +5705,29 @@
border: 0 none; border: 0 none;
background: #f59e0b; background: #f59e0b;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #f59e0b; background: #f59e0b;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5731,13 +5738,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5749,9 +5753,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5694,7 +5694,10 @@
box-shadow: 0 0 0 0.2rem #BFDBFE; box-shadow: 0 0 0 0.2rem #BFDBFE;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #e5e7eb; background: #e5e7eb;
border-radius: 6px; border-radius: 6px;
} }
@ -5702,25 +5705,29 @@
border: 0 none; border: 0 none;
background: #3B82F6; background: #3B82F6;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #3B82F6; background: #3B82F6;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5731,13 +5738,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5749,9 +5753,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5694,7 +5694,10 @@
box-shadow: 0 0 0 0.2rem #a5f3fc; box-shadow: 0 0 0 0.2rem #a5f3fc;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #e5e7eb; background: #e5e7eb;
border-radius: 6px; border-radius: 6px;
} }
@ -5702,25 +5705,29 @@
border: 0 none; border: 0 none;
background: #06b6d4; background: #06b6d4;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #06b6d4; background: #06b6d4;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5731,13 +5738,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5749,9 +5753,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5694,7 +5694,10 @@
box-shadow: 0 0 0 0.2rem #a7f3d0; box-shadow: 0 0 0 0.2rem #a7f3d0;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #e5e7eb; background: #e5e7eb;
border-radius: 6px; border-radius: 6px;
} }
@ -5702,25 +5705,29 @@
border: 0 none; border: 0 none;
background: #10b981; background: #10b981;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #10b981; background: #10b981;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5731,13 +5738,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5749,9 +5753,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5694,7 +5694,10 @@
box-shadow: 0 0 0 0.2rem #C7D2FE; box-shadow: 0 0 0 0.2rem #C7D2FE;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #e5e7eb; background: #e5e7eb;
border-radius: 6px; border-radius: 6px;
} }
@ -5702,25 +5705,29 @@
border: 0 none; border: 0 none;
background: #6366F1; background: #6366F1;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #6366F1; background: #6366F1;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5731,13 +5738,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5749,9 +5753,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5694,7 +5694,10 @@
box-shadow: 0 0 0 0.2rem #fbcfe8; box-shadow: 0 0 0 0.2rem #fbcfe8;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #e5e7eb; background: #e5e7eb;
border-radius: 6px; border-radius: 6px;
} }
@ -5702,25 +5705,29 @@
border: 0 none; border: 0 none;
background: #ec4899; background: #ec4899;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #ec4899; background: #ec4899;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5731,13 +5738,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5749,9 +5753,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5694,7 +5694,10 @@
box-shadow: 0 0 0 0.2rem #DDD6FE; box-shadow: 0 0 0 0.2rem #DDD6FE;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #e5e7eb; background: #e5e7eb;
border-radius: 6px; border-radius: 6px;
} }
@ -5702,25 +5705,29 @@
border: 0 none; border: 0 none;
background: #8B5CF6; background: #8B5CF6;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #8B5CF6; background: #8B5CF6;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5731,13 +5738,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5749,9 +5753,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5694,7 +5694,10 @@
box-shadow: 0 0 0 0.2rem #99f6e4; box-shadow: 0 0 0 0.2rem #99f6e4;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #e5e7eb; background: #e5e7eb;
border-radius: 6px; border-radius: 6px;
} }
@ -5702,25 +5705,29 @@
border: 0 none; border: 0 none;
background: #14b8a6; background: #14b8a6;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #14b8a6; background: #14b8a6;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5731,13 +5738,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5749,9 +5753,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5568,7 +5568,10 @@
box-shadow: 0 0 0 0.1rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #eaeaea; background: #eaeaea;
border-radius: 3px; border-radius: 3px;
} }
@ -5576,25 +5579,29 @@
border: 0 none; border: 0 none;
background: #FFE082; background: #FFE082;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 24px; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #FFE082; background: #FFE082;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5605,13 +5612,10 @@
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5623,9 +5627,6 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5568,7 +5568,10 @@
box-shadow: 0 0 0 0.1rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #eaeaea; background: #eaeaea;
border-radius: 3px; border-radius: 3px;
} }
@ -5576,25 +5579,29 @@
border: 0 none; border: 0 none;
background: #81D4FA; background: #81D4FA;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 24px; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #81D4FA; background: #81D4FA;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5605,13 +5612,10 @@
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5623,9 +5627,6 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5568,7 +5568,10 @@
box-shadow: 0 0 0 0.1rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #eaeaea; background: #eaeaea;
border-radius: 3px; border-radius: 3px;
} }
@ -5576,25 +5579,29 @@
border: 0 none; border: 0 none;
background: #C5E1A5; background: #C5E1A5;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 24px; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #C5E1A5; background: #C5E1A5;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5605,13 +5612,10 @@
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5623,9 +5627,6 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5568,7 +5568,10 @@
box-shadow: 0 0 0 0.1rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #eaeaea; background: #eaeaea;
border-radius: 3px; border-radius: 3px;
} }
@ -5576,25 +5579,29 @@
border: 0 none; border: 0 none;
background: #F48FB1; background: #F48FB1;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 24px; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #F48FB1; background: #F48FB1;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5605,13 +5612,10 @@
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5623,9 +5627,6 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5749,7 +5749,10 @@
box-shadow: none; box-shadow: none;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: rgba(206, 147, 216, 0.32); background: rgba(206, 147, 216, 0.32);
border-radius: 4px; border-radius: 4px;
} }
@ -5757,25 +5760,29 @@
border: 0 none; border: 0 none;
background: #CE93D8; background: #CE93D8;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 4px; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #CE93D8; background: #CE93D8;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5786,13 +5793,10 @@
border-top-right-radius: 4px; border-top-right-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5804,9 +5808,6 @@
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5749,7 +5749,10 @@
box-shadow: none; box-shadow: none;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: rgba(159, 168, 218, 0.32); background: rgba(159, 168, 218, 0.32);
border-radius: 4px; border-radius: 4px;
} }
@ -5757,25 +5760,29 @@
border: 0 none; border: 0 none;
background: #9FA8DA; background: #9FA8DA;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 4px; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #9FA8DA; background: #9FA8DA;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5786,13 +5793,10 @@
border-top-right-radius: 4px; border-top-right-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5804,9 +5808,6 @@
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5748,7 +5748,10 @@
box-shadow: none; box-shadow: none;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: rgba(103, 58, 183, 0.32); background: rgba(103, 58, 183, 0.32);
border-radius: 4px; border-radius: 4px;
} }
@ -5756,25 +5759,29 @@
border: 0 none; border: 0 none;
background: #673AB7; background: #673AB7;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 4px; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #673AB7; background: #673AB7;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5785,13 +5792,10 @@
border-top-right-radius: 4px; border-top-right-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5803,9 +5807,6 @@
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5748,7 +5748,10 @@
box-shadow: none; box-shadow: none;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: rgba(63, 81, 181, 0.32); background: rgba(63, 81, 181, 0.32);
border-radius: 4px; border-radius: 4px;
} }
@ -5756,25 +5759,29 @@
border: 0 none; border: 0 none;
background: #3F51B5; background: #3F51B5;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 4px; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #3F51B5; background: #3F51B5;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5785,13 +5792,10 @@
border-top-right-radius: 4px; border-top-right-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5803,9 +5807,6 @@
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5749,7 +5749,10 @@
box-shadow: none; box-shadow: none;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: rgba(206, 147, 216, 0.32); background: rgba(206, 147, 216, 0.32);
border-radius: 4px; border-radius: 4px;
} }
@ -5757,25 +5760,29 @@
border: 0 none; border: 0 none;
background: #CE93D8; background: #CE93D8;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 4px; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #CE93D8; background: #CE93D8;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5786,13 +5793,10 @@
border-top-right-radius: 4px; border-top-right-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5804,9 +5808,6 @@
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5749,7 +5749,10 @@
box-shadow: none; box-shadow: none;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: rgba(159, 168, 218, 0.32); background: rgba(159, 168, 218, 0.32);
border-radius: 4px; border-radius: 4px;
} }
@ -5757,25 +5760,29 @@
border: 0 none; border: 0 none;
background: #9FA8DA; background: #9FA8DA;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 4px; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #9FA8DA; background: #9FA8DA;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5786,13 +5793,10 @@
border-top-right-radius: 4px; border-top-right-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5804,9 +5808,6 @@
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5748,7 +5748,10 @@
box-shadow: none; box-shadow: none;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: rgba(103, 58, 183, 0.32); background: rgba(103, 58, 183, 0.32);
border-radius: 4px; border-radius: 4px;
} }
@ -5756,25 +5759,29 @@
border: 0 none; border: 0 none;
background: #673AB7; background: #673AB7;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 4px; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #673AB7; background: #673AB7;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5785,13 +5792,10 @@
border-top-right-radius: 4px; border-top-right-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5803,9 +5807,6 @@
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5748,7 +5748,10 @@
box-shadow: none; box-shadow: none;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: rgba(63, 81, 181, 0.32); background: rgba(63, 81, 181, 0.32);
border-radius: 4px; border-radius: 4px;
} }
@ -5756,25 +5759,29 @@
border: 0 none; border: 0 none;
background: #3F51B5; background: #3F51B5;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 4px; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #3F51B5; background: #3F51B5;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5785,13 +5792,10 @@
border-top-right-radius: 4px; border-top-right-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5803,9 +5807,6 @@
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5633,7 +5633,10 @@
box-shadow: 0 0 0 0.2rem #C0D0E0; box-shadow: 0 0 0 0.2rem #C0D0E0;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #E5E9F0; background: #E5E9F0;
border-radius: 4px; border-radius: 4px;
} }
@ -5641,25 +5644,29 @@
border: 0 none; border: 0 none;
background: #5E81AC; background: #5E81AC;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #5E81AC; background: #5E81AC;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5670,13 +5677,10 @@
border-top-right-radius: 4px; border-top-right-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5688,9 +5692,6 @@
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5605,7 +5605,10 @@
box-shadow: 0 0 0 0.2rem #90c9f5; box-shadow: 0 0 0 0.2rem #90c9f5;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #dee2e6; background: #dee2e6;
border-radius: 1px; border-radius: 1px;
} }
@ -5613,25 +5616,29 @@
border: 0 none; border: 0 none;
background: #1174c0; background: #1174c0;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #1174c0; background: #1174c0;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5642,13 +5649,10 @@
border-top-right-radius: 1px; border-top-right-radius: 1px;
border-bottom-right-radius: 1px; border-bottom-right-radius: 1px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5660,9 +5664,6 @@
border-bottom-left-radius: 1px; border-bottom-left-radius: 1px;
border-bottom-right-radius: 1px; border-bottom-right-radius: 1px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5556,7 +5556,10 @@
box-shadow: 0 0 0 0.2rem #8dcdff; box-shadow: 0 0 0 0.2rem #8dcdff;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #eaeaea; background: #eaeaea;
border-radius: 3px; border-radius: 3px;
} }
@ -5564,25 +5567,29 @@
border: 0 none; border: 0 none;
background: #007ad9; background: #007ad9;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 24px; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #007ad9; background: #007ad9;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5593,13 +5600,10 @@
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5611,9 +5615,6 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5568,7 +5568,10 @@
box-shadow: 0 0 0 0.2rem #8dcdff; box-shadow: 0 0 0 0.2rem #8dcdff;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #eaeaea; background: #eaeaea;
border-radius: 3px; border-radius: 3px;
} }
@ -5576,25 +5579,29 @@
border: 0 none; border: 0 none;
background: #007ad9; background: #007ad9;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 24px; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #007ad9; background: #007ad9;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5605,13 +5612,10 @@
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5623,9 +5627,6 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5568,7 +5568,10 @@
box-shadow: 0 0 0 0.2rem #c2e9d8; box-shadow: 0 0 0 0.2rem #c2e9d8;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #eaeaea; background: #eaeaea;
border-radius: 3px; border-radius: 3px;
} }
@ -5576,25 +5579,29 @@
border: 0 none; border: 0 none;
background: #41b883; background: #41b883;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 24px; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #41b883; background: #41b883;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5605,13 +5612,10 @@
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5623,9 +5627,6 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5568,7 +5568,10 @@
box-shadow: 0 0 0 0.2rem #8dcdff; box-shadow: 0 0 0 0.2rem #8dcdff;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #eaeaea; background: #eaeaea;
border-radius: 3px; border-radius: 3px;
} }
@ -5576,25 +5579,29 @@
border: 0 none; border: 0 none;
background: #007ad9; background: #007ad9;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 24px; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #007ad9; background: #007ad9;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5605,13 +5612,10 @@
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5623,9 +5627,6 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5556,7 +5556,10 @@
box-shadow: 0 0 0 0.2rem #e4e9ec; box-shadow: 0 0 0 0.2rem #e4e9ec;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #efefef; background: #efefef;
border-radius: 2px; border-radius: 2px;
} }
@ -5564,25 +5567,29 @@
border: 0 none; border: 0 none;
background: #7B95A3; background: #7B95A3;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 24px; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #7B95A3; background: #7B95A3;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5593,13 +5600,10 @@
border-top-right-radius: 2px; border-top-right-radius: 2px;
border-bottom-right-radius: 2px; border-bottom-right-radius: 2px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5611,9 +5615,6 @@
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px; border-bottom-right-radius: 2px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5605,7 +5605,10 @@
box-shadow: 0 0 0 0.2rem #a6d5fa; box-shadow: 0 0 0 0.2rem #a6d5fa;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #dee2e6; background: #dee2e6;
border-radius: 3px; border-radius: 3px;
} }
@ -5613,25 +5616,29 @@
border: 0 none; border: 0 none;
background: #2196F3; background: #2196F3;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #2196F3; background: #2196F3;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5642,13 +5649,10 @@
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5660,9 +5664,6 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5605,7 +5605,10 @@
box-shadow: 0 0 0 0.2rem #b7e0b8; box-shadow: 0 0 0 0.2rem #b7e0b8;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #dee2e6; background: #dee2e6;
border-radius: 3px; border-radius: 3px;
} }
@ -5613,25 +5616,29 @@
border: 0 none; border: 0 none;
background: #4CAF50; background: #4CAF50;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #4CAF50; background: #4CAF50;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5642,13 +5649,10 @@
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5660,9 +5664,6 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5605,7 +5605,10 @@
box-shadow: 0 0 0 0.2rem #ffe69c; box-shadow: 0 0 0 0.2rem #ffe69c;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #dee2e6; background: #dee2e6;
border-radius: 3px; border-radius: 3px;
} }
@ -5613,25 +5616,29 @@
border: 0 none; border: 0 none;
background: #FFC107; background: #FFC107;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #FFC107; background: #FFC107;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5642,13 +5649,10 @@
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5660,9 +5664,6 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5605,7 +5605,10 @@
box-shadow: 0 0 0 0.2rem #df9eea; box-shadow: 0 0 0 0.2rem #df9eea;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #dee2e6; background: #dee2e6;
border-radius: 3px; border-radius: 3px;
} }
@ -5613,25 +5616,29 @@
border: 0 none; border: 0 none;
background: #9C27B0; background: #9C27B0;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #9C27B0; background: #9C27B0;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5642,13 +5649,10 @@
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5660,9 +5664,6 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5629,7 +5629,10 @@
box-shadow: 0 0 0 1px #e0d8fc; box-shadow: 0 0 0 1px #e0d8fc;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #3e4053; background: #3e4053;
border-radius: 6px; border-radius: 6px;
} }
@ -5637,25 +5640,29 @@
border: 0 none; border: 0 none;
background: #b19df7; background: #b19df7;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #b19df7; background: #b19df7;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5666,13 +5673,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5684,9 +5688,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5629,7 +5629,10 @@
box-shadow: 0 0 0 1px #c7bbfa; box-shadow: 0 0 0 1px #c7bbfa;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #dfe7ef; background: #dfe7ef;
border-radius: 6px; border-radius: 6px;
} }
@ -5637,25 +5640,29 @@
border: 0 none; border: 0 none;
background: #7254f3; background: #7254f3;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #7254f3; background: #7254f3;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5666,13 +5673,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5684,9 +5688,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5640,7 +5640,10 @@
box-shadow: 0 0 0 1px #6366F1; box-shadow: 0 0 0 1px #6366F1;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #e5e7eb; background: #e5e7eb;
border-radius: 0.375rem; border-radius: 0.375rem;
} }
@ -5648,25 +5651,29 @@
border: 0 none; border: 0 none;
background: #4F46E5; background: #4F46E5;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #4F46E5; background: #4F46E5;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5677,13 +5684,10 @@
border-top-right-radius: 0.375rem; border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5695,9 +5699,6 @@
border-bottom-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem;
border-bottom-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5605,7 +5605,10 @@
box-shadow: 0 0 0 1px #93cbf9; box-shadow: 0 0 0 1px #93cbf9;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #304562; background: #304562;
border-radius: 3px; border-radius: 3px;
} }
@ -5613,25 +5616,29 @@
border: 0 none; border: 0 none;
background: #64B5F6; background: #64B5F6;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #64B5F6; background: #64B5F6;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5642,13 +5649,10 @@
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5660,9 +5664,6 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5605,7 +5605,10 @@
box-shadow: 0 0 0 1px #a7d8a9; box-shadow: 0 0 0 1px #a7d8a9;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #304562; background: #304562;
border-radius: 3px; border-radius: 3px;
} }
@ -5613,25 +5616,29 @@
border: 0 none; border: 0 none;
background: #81C784; background: #81C784;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #81C784; background: #81C784;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5642,13 +5649,10 @@
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5660,9 +5664,6 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5605,7 +5605,10 @@
box-shadow: 0 0 0 1px #ffe284; box-shadow: 0 0 0 1px #ffe284;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #304562; background: #304562;
border-radius: 3px; border-radius: 3px;
} }
@ -5613,25 +5616,29 @@
border: 0 none; border: 0 none;
background: #FFD54F; background: #FFD54F;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #FFD54F; background: #FFD54F;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5642,13 +5649,10 @@
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5660,9 +5664,6 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5605,7 +5605,10 @@
box-shadow: 0 0 0 1px #cf95d9; box-shadow: 0 0 0 1px #cf95d9;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #304562; background: #304562;
border-radius: 3px; border-radius: 3px;
} }
@ -5613,25 +5616,29 @@
border: 0 none; border: 0 none;
background: #BA68C8; background: #BA68C8;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #BA68C8; background: #BA68C8;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5642,13 +5649,10 @@
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5660,9 +5664,6 @@
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5686,7 +5686,10 @@
box-shadow: 0 0 0 1px #9eade6; box-shadow: 0 0 0 1px #9eade6;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #263238; background: #263238;
border-radius: 6px; border-radius: 6px;
} }
@ -5694,25 +5697,29 @@
border: 0 none; border: 0 none;
background: #9eade6; background: #9eade6;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #9eade6; background: #9eade6;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5723,13 +5730,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5741,9 +5745,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;

View File

@ -5686,7 +5686,10 @@
box-shadow: 0 0 0 0.1rem #bbc7ee; box-shadow: 0 0 0 0.1rem #bbc7ee;
} }
.p-metergroup .p-metergroup-meter-container { .p-metergroup {
gap: 1rem;
}
.p-metergroup .p-metergroup-meters {
background: #ebebeb; background: #ebebeb;
border-radius: 6px; border-radius: 6px;
} }
@ -5694,25 +5697,29 @@
border: 0 none; border: 0 none;
background: #5472d4; background: #5472d4;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item { .p-metergroup .p-metergroup-labels .p-metergroup-label {
line-height: 1.5rem; gap: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label-type { .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
background: #5472d4; background: #5472d4;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
border-radius: 100%; border-radius: 100%;
margin-right: 0.5rem;
} }
.p-metergroup .p-metergroup-label-list .p-metergroup-label { .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
margin-right: 1rem;
}
.p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-right: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container { .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
gap: 0.5rem;
}
.p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
gap: 1rem;
}
.p-metergroup.p-metergroup-horizontal {
flex-direction: column;
}
.p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
height: 0.5rem; height: 0.5rem;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
@ -5723,13 +5730,10 @@
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start { .p-metergroup.p-metergroup-vertical {
margin-bottom: 1rem; flex-direction: row;
} }
.p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end { .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
margin-top: 1rem;
}
.p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
width: 0.5rem; width: 0.5rem;
height: 100%; height: 100%;
} }
@ -5741,9 +5745,6 @@
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
margin-left: 1rem;
}
.p-progressbar { .p-progressbar {
border: 0 none; border: 0 none;