vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Refactor #6691 - For MeterGroup

pull/6697/head
tugcekucukoglu 2024-10-31 12:06:26 +03:00
parent 502a63c2a5
commit 783b7f8495
1 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
packages/primevue/src/metergroup/style/MeterGroupStyle.js
View File

@ -52,13 +52,13 @@ const theme = ({ dt }) => `
} }
.p-metergroup-horizontal .p-metergroup-meter:first-of-type { .p-metergroup-horizontal .p-metergroup-meter:first-of-type {
border-top-left-radius: ${dt('metergroup.border.radius')}; border-start-start-radius: ${dt('metergroup.border.radius')};
border-bottom-left-radius: ${dt('metergroup.border.radius')}; border-end-start-radius: ${dt('metergroup.border.radius')};
} }
.p-metergroup-horizontal .p-metergroup-meter:last-of-type { .p-metergroup-horizontal .p-metergroup-meter:last-of-type {
border-top-right-radius: ${dt('metergroup.border.radius')}; border-start-end-radius: ${dt('metergroup.border.radius')};
border-bottom-right-radius: ${dt('metergroup.border.radius')}; border-end-end-radius: ${dt('metergroup.border.radius')};
} }
.p-metergroup-vertical { .p-metergroup-vertical {
@ -77,16 +77,17 @@ const theme = ({ dt }) => `
} }
.p-metergroup-vertical .p-metergroup-label-list { .p-metergroup-vertical .p-metergroup-label-list {
align-items: start; align-items: flex-start;
} }
.p-metergroup-vertical .p-metergroup-meter:first-of-type { .p-metergroup-vertical .p-metergroup-meter:first-of-type {
border-top-left-radius: ${dt('metergroup.border.radius')}; border-start-start-radius: ${dt('metergroup.border.radius')};
border-top-right-radius: ${dt('metergroup.border.radius')}; border-start-end-radius: ${dt('metergroup.border.radius')};
} }
.p-metergroup-vertical .p-metergroup-meter:last-of-type { .p-metergroup-vertical .p-metergroup-meter:last-of-type {
border-bottom-left-radius: ${dt('metergroup.border.radius')}; border-end-start-radius: ${dt('metergroup.border.radius')};
border-bottom-right-radius: ${dt('metergroup.border.radius')}; border-end-end-radius: ${dt('metergroup.border.radius')};
} }
`; `;