root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(dashboard): repair desktop modal widths and NodesView CSS regressions

Browse Source 
- Move misclassified .mesh-topology, .connect-node, .nodes-view-topology, .node-status-indicator, and pulse-warning keyframe from AgentReflectionsTab.css to NodesView.css; relocate node-related mobile @media rules from SettingsSyncLog.css so NodesView renders standalone
- Add missing CSS import on GitManagerModal so its .gm-* styles load without depending on ScriptsModal being mounted
- Bump desktop max-widths for FileBrowser, Terminal, GitManager, GitHubImport, and WorkflowStepManager modals; raise selector specificity to .modal.X so the base .modal { width: 480px } can't win the cascade

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
gsxdsm
2026-04-24 22:21:47 -07:00
parent e06d4efdb5
commit f6dd4467cc
9 changed files with 399 additions and 395 deletions
Download Patch File Download Diff File Expand all files Collapse all files

122
packages/dashboard/app/components/SettingsSyncLog.css
View File

@@ -176,130 +176,8 @@
}
@media (max-width: 768px) {
.nodes-view {
padding-inline: var(--space-sm);
}
.nodes-view-grid {
grid-template-columns: 1fr;
}
.node-card__metrics {
grid-template-columns: 1fr;
}
.node-detail-modal__grid {
grid-template-columns: 1fr;
}
.settings-sync-conflict-modal__diff-panel {
grid-template-columns: 1fr;
}
.node-detail-modal__field--full {
grid-column: span 1;
}
/* Add Node Modal mobile */
.add-node-modal {
width: calc(100vw - (var(--space-md) * 2));
}
.add-node-modal__type-toggle {
width: 100%;
}
.add-node-modal__type-btn {
flex: 1;
padding: var(--space-md) var(--space-lg);
}
.add-node-modal__field input {
min-height: calc(var(--space-2xl) + var(--space-md));
}
/* Instant transition on mobile for remote fields */
.add-node-modal__remote-fields {
transition: none;
}
/* Connect Node Modal mobile */
.connect-node-modal {
width: calc(100vw - (var(--space-md) * 2));
}
.connect-node-field__input {
min-height: calc(var(--space-2xl) + var(--space-md));
}
/* NodesView mobile alignment */
.nodes-view-header {
padding: var(--space-sm) var(--space-md);
flex-wrap: wrap;
gap: var(--space-sm);
}
.nodes-view-title h2 {
font-size: calc(var(--space-md) + var(--space-xs));
}
.nodes-view-title h2 svg {
flex-shrink: 0;
}
.nodes-view-count {
font-size: calc(var(--space-sm) + var(--space-xs));
}
.nodes-view-actions {
flex-wrap: wrap;
gap: var(--space-sm);
width: 100%;
justify-content: flex-end;
}
.nodes-view-close {
min-height: calc(var(--space-xl) + var(--space-md));
min-width: calc(var(--space-xl) + var(--space-md));
}
.nodes-view-actions .btn {
min-height: calc(var(--space-xl) + var(--space-md));
}
.nodes-view-stats {
grid-template-columns: repeat(2, 1fr);
gap: var(--space-sm);
}
.nodes-view-stat {
padding: var(--space-xs) var(--space-sm);
}
.nodes-view-stat span {
font-size: calc(var(--space-sm) + var(--space-xs) * 0.75);
}
.nodes-view-stat strong {
font-size: calc(var(--space-md) + var(--space-xs) / 2);
}
.nodes-view-empty {
padding: var(--space-xl) var(--space-md);
text-align: center;
}
.nodes-view-error {
padding: var(--space-md);
margin: var(--space-md) 0;
}
.nodes-view-topology {
padding: var(--space-sm) 0;
}
.nodes-view-section-title {
font-size: calc(var(--space-md) + var(--space-xs) / 4);
}
}