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

replace all flexbox with css grid, checkbox labels inline

Browse source
This commit is contained in:
russell@unturf.com 2026-03-03 16:50:54 -05:00
parent f5fe6f4aee
commit b76c902c07
2 changed files with 12 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

13
public/src/uncloseai-modal-builtin.css
View file

@ -932,7 +932,8 @@ dialog#translate-modal button {
/* API Configuration Styles */ /* API Configuration Styles */
.uncloseai-toggle-container { .uncloseai-toggle-container {
display: flex; display: grid;
grid-template-columns: 18px 1fr;
align-items: center; align-items: center;
gap: 8px; gap: 8px;
margin-bottom: 12px; margin-bottom: 12px;
@ -941,7 +942,6 @@ dialog#translate-modal button {
.uncloseai-toggle-container input[type="checkbox"] { .uncloseai-toggle-container input[type="checkbox"] {
width: 18px; width: 18px;
height: 18px; height: 18px;
flex-shrink: 0;
cursor: pointer; cursor: pointer;
} }
@ -1280,10 +1280,10 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .user-message {
max-width: 280px; max-width: 280px;
backdrop-filter: blur(4px); backdrop-filter: blur(4px);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
display: flex; display: grid;
grid-auto-flow: column;
align-items: center; align-items: center;
gap: 8px; gap: 8px;
flex-wrap: wrap;
animation: tooltip-fade-in 0.3s ease-out; animation: tooltip-fade-in 0.3s ease-out;
} }
@ -1508,9 +1508,8 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .user-message {
position: absolute; position: absolute;
inset: 0; inset: 0;
z-index: 9999; z-index: 9999;
display: flex; display: grid;
align-items: center; place-items: center;
justify-content: center;
padding: 24px; padding: 24px;
background: #1a1a2e; background: #1a1a2e;
} }

13
public/src/uncloseai-modal-pico.css
View file

@ -1002,7 +1002,8 @@ dialog#translate-modal button {
/* API Configuration Styles */ /* API Configuration Styles */
.uncloseai-toggle-container { .uncloseai-toggle-container {
display: flex; display: grid;
grid-template-columns: 18px 1fr;
align-items: center; align-items: center;
gap: 8px; gap: 8px;
margin-bottom: 12px; margin-bottom: 12px;
@ -1011,7 +1012,6 @@ dialog#translate-modal button {
.uncloseai-toggle-container input[type="checkbox"] { .uncloseai-toggle-container input[type="checkbox"] {
width: 18px; width: 18px;
height: 18px; height: 18px;
flex-shrink: 0;
cursor: pointer; cursor: pointer;
} }
@ -1358,10 +1358,10 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .user-message {
max-width: 280px !important; max-width: 280px !important;
backdrop-filter: blur(4px) !important; backdrop-filter: blur(4px) !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
display: flex !important; display: grid !important;
grid-auto-flow: column !important;
align-items: center !important; align-items: center !important;
gap: 8px !important; gap: 8px !important;
flex-wrap: wrap !important;
animation: tooltip-fade-in 0.3s ease-out !important; animation: tooltip-fade-in 0.3s ease-out !important;
} }
@ -1568,9 +1568,8 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .user-message {
position: absolute; position: absolute;
inset: 0; inset: 0;
z-index: 9999; z-index: 9999;
display: flex; display: grid;
align-items: center; place-items: center;
justify-content: center;
padding: 24px; padding: 24px;
background: #1a1a2e; background: #1a1a2e;
} }