vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 17:02:38 +00:00
Code Issues Projects Releases Packages Wiki Activity

Better alignment for icon only buttons

Browse source
This commit is contained in:
Cagatay Civici 2024-05-26 00:25:00 +03:00
parent aef883944a
commit c6663196a0
2 changed files with 7 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

7
components/lib/button/style/ButtonStyle.js
View file

@ -36,10 +36,10 @@ const theme = ({ dt }) => `
}
.p-button-icon-only {
justify-content: center;
width: ${dt('button.icon.only.width')};
padding-left: 0;
padding-right: 0;
gap: 0;
}
.p-button-icon-only.p-button-rounded {
@ -47,6 +47,11 @@ const theme = ({ dt }) => `
height: ${dt('button.icon.only.width')};
}
.p-button-icon-only .p-button-label {
visibility: hidden;
width: 0;
}
.p-button-sm {
font-size: ${dt('button.sm.font.size')};
padding: ${dt('button.sm.padding.y')} ${dt('button.sm.padding.x')};