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

Fix layout: explicit grid styles, full width elements

Browse source
This commit is contained in:
russell@unturf.com 2026-01-23 11:44:24 -05:00
parent cd1a6ea190
commit ae22b1a906
1 changed files with 5 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

13
public/src/uncloseai-embed-modal.js
View file

@ -870,6 +870,7 @@ async function openUncloseaiEmbeddedModalNew() {
const actionsGrid = document.createElement("div");
actionsGrid.className = "uncloseai-grid-actions";
actionsGrid.style.cssText = 'display: grid; grid-template-columns: 1fr 1fr; gap: 8px; width: 100%;';
const actions = [
{
@ -945,7 +946,7 @@ async function openUncloseaiEmbeddedModalNew() {
// Quick actions span both columns
actionsSection.className = "uncloseai-section uncloseai-actions-full-width";
actionsSection.style.gridColumn = '1 / -1';
actionsSection.style.cssText = 'grid-column: 1 / -1; width: 100%;';
// Wrap settings in settingsContent container (shown/hidden based on vault state)
settingsContent.appendChild(actionsSection);
@ -957,13 +958,9 @@ async function openUncloseaiEmbeddedModalNew() {
settingsContent.style.alignContent = 'start';
// NOTE: display is set by buildVaultUI() - do not set here
// Columns should align content to top
leftColumn.style.display = 'grid';
leftColumn.style.gap = '8px';
leftColumn.style.alignContent = 'start';
rightColumn.style.display = 'grid';
rightColumn.style.gap = '8px';
rightColumn.style.alignContent = 'start';
// Columns should align content to top and use full width
leftColumn.style.cssText = 'display: grid; gap: 8px; align-content: start; width: 100%;';
rightColumn.style.cssText = 'display: grid; gap: 8px; align-content: start; width: 100%;';
// Add vault section first, then settings content
settingsPanel.appendChild(vaultSection);