Skip to content

Instantly share code, notes, and snippets.

@eonist

eonist/app_illustration_split.md

Last active February 13, 2026 11:58
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save eonist/519791f820506e76dc6b089a09a2a5e5 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save eonist/519791f820506e76dc6b089a09a2a5e5 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
app_illustration_split.md

Instructions how the window will look like

  • Please look at: https://getdarkmatter.dev/ esp the app window illustrations. how they are styled etc. we want to mimick this look and feel.

Top-bar:

  • 3 circles to the left. just stroke. indicaing min, max, close for macos.
  • rounded corners top-left and top-right
  • center text: "Omni"
  • pinned to the top and left and right of the app window
  • It should have the height of its content more or less, with some padding around ui inside it etc

Left-bar

  • Positioned bellow topbar, and to the left. the leftbar should go all the way down to the bottom of the app window edge
  • The first item in the left-bar is text: "Show commits" followed in the same row with: a toggle component (iOS style toggle) (off position, so indicator is to the left im the toggle)
  • I the next row bellow we have: a list of commits in a column. "src/auth.ts", "src/session.ts", "src/login.ts"
  • Bellow that we have a title: "Proposals"
  • Bellow that we have another list in a column: "feat(api) login flow", "refactor(api) isolate close", "test(auth) cover login"

Main-content

  • bellow topbar. and right of left-bar. the main content view should go all the way down to the bottom of the app
  • main content has 3 items. a "Main-top-bar" a "center content", a "bottom bar"

Main-top-bar

  • pinned to the top and left and right of main-content. It should have the height of its content more or less, with some padding around ui inside it etc
  • a button with text: "Preview" aligned to the right of the view

Main-center content

  • A text area that contains title: "feat(auth): login flow for SSO rollout." and description: "Wire session handling between login.ts and session.ts, using the stateless pattern from auth-spec.md. — Fixes #412: mobile blocked since v2.3 broke OAuth. — Flagged P0 by Sarah in PR #389."

Main-bottom

  • put a button with text: "Approve" to the right side
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment