Skip to content

refactor: improve layout structure and responsiveness of the demo page #324

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.

Sign up for GitHub

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

Jump to bottom
Closed
wants to merge 1 commit into from
Closed

refactor: improve layout structure and responsiveness of the demo page #324

wants to merge 1 commit into from

Conversation

@jumski
Copy link
Contributor

@jumski jumski commented Nov 7, 2025 •
edited
Loading

Improved Demo Page Layout with CSS Grid

  • Reorganized header, code panel, event stream, DAG, and details sections into CSS grid
  • Enhanced desktop layout with defined grid areas and columns for better alignment
  • Added responsive styles for tablet and mobile views, stacking components vertically
  • Removed redundant code and comments, clarified layout styles for maintainability
  • Updated class names and inline styles to support flexible and consistent layout behavior

@changeset-bot
Copy link

changeset-bot bot commented Nov 7, 2025 •
edited
Loading

⚠️ No Changeset found

Latest commit: 8edd003

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

This was referenced Nov 7, 2025
Closed
Closed
Closed
Closed
Closed
Closed
Closed
Closed
@jumski Graphite App
Copy link
Contributor Author

jumski commented Nov 7, 2025 •
edited
Loading

Warning

This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
Learn more

How to use the Graphite Merge Queue

Add either label to this PR to merge it via the merge queue:

  • merge:queue - adds this PR to the back of the merge queue
  • hotfix:queue - for urgent hot fixes, skip the queue and merge this PR next

You must have a Graphite account in order to use the merge queue. Sign up using this link.

An organization admin has enabled the Graphite Merge Queue in this repository.

Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue.

This stack of pull requests is managed by Graphite. Learn more about stacking.

This was referenced Nov 7, 2025
Closed
Closed
Closed
Closed
Closed
@nx-cloud
Copy link

nx-cloud bot commented Nov 7, 2025 •
edited
Loading

🤖 Nx Cloud AI Fix Eligible

An automatically generated fix could have helped fix failing tasks for this run, but Self-healing CI is disabled for this workspace. Visit workspace settings to enable it and get automatic fixes in future runs.

To disable these notifications, a workspace admin can disable them in workspace settings.

View your CI Pipeline Execution ↗ for commit 8edd003

Command Status Duration Result
nx affected -t lint typecheck test --parallel -... ❌ Failed 15s View ↗

☁️ Nx Cloud last updated this comment at 2025-11-11 14:43:16 UTC

This was referenced Nov 7, 2025
Closed
Closed
@jumski jumski force-pushed the feat-demo-switch-to-css-grid branch from c82be00 to 6a77674 Compare November 9, 2025 15:16
@jumski jumski force-pushed the feat-demo-info-hierarchy branch from 08afd85 to 97754d5 Compare November 9, 2025 15:16
@jumski jumski mentioned this pull request Nov 9, 2025
Closed
@jumski jumski force-pushed the feat-demo-switch-to-css-grid branch from 6a77674 to e505242 Compare November 10, 2025 16:42
@jumski jumski force-pushed the feat-demo-info-hierarchy branch from 97754d5 to 6c50886 Compare November 10, 2025 16:42
This was referenced Nov 10, 2025
Closed
Closed
Closed
Closed
@jumski jumski force-pushed the feat-demo-info-hierarchy branch from 6c50886 to c97a917 Compare November 10, 2025 20:45
@jumski jumski force-pushed the feat-demo-switch-to-css-grid branch from e505242 to da00eb0 Compare November 10, 2025 20:45
@jumski jumski force-pushed the feat-demo-info-hierarchy branch from c97a917 to c1d831f Compare November 10, 2025 23:37
@jumski jumski force-pushed the feat-demo-switch-to-css-grid branch from da00eb0 to b10a293 Compare November 10, 2025 23:37
@jumski
refactor: improve layout structure and responsiveness of the demo page
8edd003 
- Reorganized header, code panel, event stream, DAG, and details sections into CSS grid
- Enhanced desktop layout with defined grid areas and columns for better alignment
- Added responsive styles for tablet and mobile views, stacking components vertically
- Removed redundant code and comments, clarified layout styles for maintainability
- Updated class names and inline styles to support flexible and consistent layout behavior
@jumski jumski force-pushed the feat-demo-switch-to-css-grid branch from b10a293 to 8edd003 Compare November 11, 2025 14:38
@jumski jumski force-pushed the feat-demo-info-hierarchy branch from c1d831f to a53e76a Compare November 11, 2025 14:38
This was referenced Nov 11, 2025
Closed
Closed
Closed
@graphite-app
Copy link
Contributor

graphite-app bot commented Nov 11, 2025 •
edited
Loading

Merge activity

  • Nov 11, 8:50 PM UTC: jumski added this pull request to the Graphite merge queue.
  • Nov 11, 8:53 PM UTC: The Graphite merge queue removed this pull request due to downstack failures on PR #289.
  • Nov 11, 8:54 PM UTC: The Graphite merge queue removed this pull request due to downstack failures on PR #289.
  • Nov 11, 9:05 PM UTC: jumski added this pull request to the Graphite merge queue.
  • Nov 11, 9:06 PM UTC: CI is running for this pull request on a draft pull request (#362) due to your merge queue CI optimization settings.
  • Nov 11, 9:07 PM UTC: Merged by the Graphite merge queue via draft PR: #362.

graphite-app bot pushed a commit that referenced this pull request Nov 11, 2025
@jumski
refactor: improve layout structure and responsiveness of the demo page (
46c9069 
#324)

# Improved Demo Page Layout with CSS Grid

- Reorganized header, code panel, event stream, DAG, and details sections into CSS grid
- Enhanced desktop layout with defined grid areas and columns for better alignment
- Added responsive styles for tablet and mobile views, stacking components vertically
- Removed redundant code and comments, clarified layout styles for maintainability
- Updated class names and inline styles to support flexible and consistent layout behavior
@graphite-app graphite-app bot closed this Nov 11, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@jumski