engineering/uncloseai.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: change action buttons from pills to square emoji buttons

Browse source 
- Change border-radius from 20px to 6px for square corners
- Make emoji-only buttons fixed 36x36px squares
- Use grid layout with place-content: center for emoji centering
- Matches the style of emoji buttons used in chat messages
- Reduced padding to 8px for consistent square appearance
This commit is contained in:
Russell Ballestrini 2025-07-10 17:28:15 -04:00
parent 9407f157bc
commit 884364a934
2 changed files with 12 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/uncloseai-modal-builtin.css
View file

@ -699,7 +699,7 @@ dialog#tts-modal {
padding: 8px 16px;
background: var(--uncloseai-button-background, #f8f9fa);
border: 1px solid var(--uncloseai-button-border, #dee2e6);
border-radius: 20px;
border-radius: 6px;
cursor: pointer;
font-size: 14px;
color: var(--uncloseai-primary-text, #495057);
@ -709,7 +709,11 @@ dialog#tts-modal {
.uncloseai-btn-primary.emoji-only {
font-size: 18px;
padding: 8px 12px;
padding: 8px;
width: 36px;
height: 36px;
display: grid;
place-content: center;
}
.uncloseai-btn-primary:hover {

8
src/uncloseai-modal-pico.css
View file

@ -755,7 +755,7 @@ dialog#tts-modal::backdrop {
padding: 8px 16px;
background: var(--uncloseai-button-background, #f8f9fa);
border: 1px solid var(--uncloseai-button-border, #dee2e6);
border-radius: 20px;
border-radius: 6px;
cursor: pointer;
font-size: 14px;
color: var(--uncloseai-primary-text, #495057);
@ -765,7 +765,11 @@ dialog#tts-modal::backdrop {
.uncloseai-btn-primary.emoji-only {
font-size: 18px;
padding: 8px 12px;
padding: 8px;
width: 36px;
height: 36px;
display: grid;
place-content: center;
}
.uncloseai-btn-primary:hover {