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

fix: improve settings panel positioning and button centering

Browse source 
- Lower settings panel by 15px more (80px to 95px top offset)
- Use place-content instead of place-items for proper grid centering
- Keep all layouts using CSS Grid as requested
- Fix gear and close button centering in both CSS files
This commit is contained in:
Russell Ballestrini 2025-07-10 16:55:33 -04:00
parent 7f64ff0d51
commit a8be7730a3
2 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -76,7 +76,7 @@ dialog#uncloseai-embedded-modal[data-theme="light"] {
border-radius: 50%;
cursor: pointer;
display: grid;
place-items: center;
place-content: center;
transition: background 0.2s;
margin-right: 8px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
@ -100,7 +100,7 @@ dialog#uncloseai-embedded-modal[data-theme="light"] {
display: none;
overflow-y: auto;
position: absolute;
top: 80px;
top: 95px;
left: 0;
right: 0;
bottom: 0;
@ -742,7 +742,7 @@ dialog#tts-modal {
color: white;
cursor: pointer;
display: grid;
place-items: center;
place-content: center;
font-size: 18px;
transition: background 0.2s;
}
@ -879,7 +879,7 @@ dialog#tts-modal {
display: none;
overflow-y: auto;
position: absolute;
top: 80px;
top: 95px;
left: 0;
right: 0;
bottom: 0;

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

@ -98,7 +98,7 @@ dialog#uncloseai-embedded-modal[data-theme="light"] {
border-radius: 50%;
cursor: pointer;
display: grid;
place-items: center;
place-content: center;
transition: background 0.2s;
margin-right: 8px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
@ -121,7 +121,7 @@ dialog#uncloseai-embedded-modal[data-theme="light"] {
display: none;
overflow-y: auto;
position: absolute;
top: 80px;
top: 95px;
left: 0;
right: 0;
bottom: 0;
@ -810,7 +810,7 @@ dialog#tts-modal::backdrop {
color: white;
cursor: pointer;
display: grid;
place-items: center;
place-content: center;
font-size: 18px;
transition: background 0.2s;
}