-
Notifications
You must be signed in to change notification settings - Fork 14
style: improve UI layout and add descriptive annotations to components #323
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
style: improve UI layout and add descriptive annotations to components #323
Conversation
|
|
View your CI Pipeline Execution ↗ for commit a53e76a
☁️ Nx Cloud last updated this comment at |
| <span>🛡️</span> Reliability Configuration | ||
| </div> | ||
| <div class="space-y-2"> | ||
| {#each flowInfo.reliabilityFeatures as feature} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Add a unique key to the each block to satisfy the svelte/require-each-key ESLint rule. Change '{#each flowInfo.reliabilityFeatures as feature}' to '{#each flowInfo.reliabilityFeatures as feature (feature.setting)}' to use the setting property as a unique identifier.
Spotted by Graphite Agent (based on CI logs)
Is this helpful? React 👍 or 👎 to let us know.
08afd85 to
97754d5
Compare
2201909 to
1eacccd
Compare
1eacccd to
52708fa
Compare
97754d5 to
6c50886
Compare
c97a917 to
c1d831f
Compare
26238c3 to
8ce8480
Compare
Refactored layout styles for desktop and mobile views, including flexbox adjustments, spacing, and responsive behavior. Enhanced ExplanationPanel with detailed step descriptions. Added reliability features and "what it does" explanations to flow components. Updated DAG visualization and event stream sections for better usability and clarity.
8ce8480 to
d3b59ea
Compare
c1d831f to
a53e76a
Compare
Merge activity
|
#323) # Enhanced UI Layout and Component Documentation - Redesigned the demo app layout with a dedicated header section containing logo and input controls - Improved the two-column layout with code/event stream on left and DAG/details on right - Made event stream collapsible to optimize vertical space usage - Added detailed "What it does" explanations for each workflow step - Enhanced the ExplanationPanel with reliability features and configuration details - Ensured selected nodes in DAG visualization are never dimmed with `opacity: 1` - Added a comprehensive welcome guide with exploration instructions - Improved responsive behavior for desktop, tablet, and mobile views - Created better visual hierarchy with card styling and section organization

Enhanced UI Layout and Component Documentation
opacity: 1