From 141adf6177db443ae31828e6905e870acd1e8fd9 Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Mon, 8 Apr 2024 14:13:22 +0300 Subject: [PATCH] Refactored MeterGroup --- components/lib/metergroup/style/MeterGroupStyle.js | 6 +++--- components/lib/themes/primeone/base/metergroup/index.js | 8 ++++---- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/components/lib/metergroup/style/MeterGroupStyle.js b/components/lib/metergroup/style/MeterGroupStyle.js index 3dd261a5b..de682c5c6 100644 --- a/components/lib/metergroup/style/MeterGroupStyle.js +++ b/components/lib/metergroup/style/MeterGroupStyle.js @@ -11,10 +11,10 @@ const classes = { metercontainer: 'p-metergroup-meters', meter: 'p-metergroup-meter', labellist: ({ props }) => [ - 'p-metergroup-labels', + 'p-metergroup-label-list', { - 'p-metergroup-labels-vertical': props.labelOrientation === 'vertical', - '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', diff --git a/components/lib/themes/primeone/base/metergroup/index.js b/components/lib/themes/primeone/base/metergroup/index.js index b97662b34..a4dbf874d 100644 --- a/components/lib/themes/primeone/base/metergroup/index.js +++ b/components/lib/themes/primeone/base/metergroup/index.js @@ -15,7 +15,7 @@ export default { border: 0 none; } -.p-metergroup-labels { +.p-metergroup-label-list { display: flex; flex-wrap: wrap; margin: 0; @@ -45,7 +45,7 @@ export default { flex-direction: column; } -.p-metergroup-labels-horizontal { +.p-metergroup-label-list-horizontal { gap: 1rem; } @@ -66,7 +66,7 @@ export default { flex-direction: row; } -.p-metergroup-labels-vertical { +.p-metergroup-label-list-vertical { flex-direction: column; gap: 0.5rem; } @@ -77,7 +77,7 @@ export default { height: 100%; } -.p-metergroup-vertical .p-metergroup-labels { +.p-metergroup-vertical .p-metergroup-label-list { align-items: start; }