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

add mobile responsive override for settings grid to stack on small screens

Browse source
This commit is contained in:
Russell Ballestrini 2025-07-10 23:12:37 -04:00
parent d12428c267
commit 0c6277536c
2 changed files with 14 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -123,6 +123,13 @@ dialog#uncloseai-embedded-modal[data-theme="light"] {
display: block;
}
@media (max-width: 768px) {
.uncloseai-modal-settings.open {
grid-template-columns: 1fr !important;
grid-template-rows: auto auto auto !important;
}
}
/* Dark theme settings panel */
dialog#uncloseai-embedded-modal[data-theme="dark"] .uncloseai-modal-settings {
background: rgb(26, 26, 26);

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

@ -144,6 +144,13 @@ dialog#uncloseai-embedded-modal[data-theme="light"] {
display: block;
}
@media (max-width: 768px) {
.uncloseai-modal-settings.open {
grid-template-columns: 1fr !important;
grid-template-rows: auto auto auto !important;
}
}
/* Dark theme settings panel */
dialog#uncloseai-embedded-modal[data-theme="dark"] .uncloseai-modal-settings {
background: rgb(26, 26, 26);