Skip to content
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

More keyboard shorcut UI stuff #3929

Closed
wants to merge 5 commits into from

Conversation

shermanhuman
Copy link
Contributor

Description

More keyboard shortcut and related UI improvements. See screenshots.

Added a Glyph component to make adding references to UI bits in inline help text a bit easier. Right now all it does is the 'New Session' button, but the idea is we can add the other buttons and such as needed.

Example:

 No past sessions found. To start a new session, either click the <Glyph>+</Glyph>
          button or use the keyboard shortcut: <kbd>{getMetaKeyLabel()}</kbd> + <kbd>L</kbd>

What's the plan for colors? I used the vscode css vars:

color: --vscode-editor-foreground;

or copied what I saw in the code:

background-color: ${lightGray}33;

Checklist

  • The relevant docs, if any, have been updated or created
  • The relevant tests, if any, have been updated or created

Screenshots

Images are 'before' then 'after'.

gui\src\components\mainInput\TutorialCard.tsx

image

image

gui\src\components\modelSelection\ModelSelect.tsx

image

image

extensions\vscode\src\commands.ts
extensions\vscode\src\util\util.ts

image

image

gui\src\components\History\index.tsx

image

image

Testing instructions

Screenshots are from Windows 11.

Sorry, something went wrong.

Copy link

netlify bot commented Feb 1, 2025

Deploy Preview for continuedev ready!

Name Link
🔨 Latest commit 9393314
🔍 Latest deploy log https://app.netlify.com/sites/continuedev/deploys/679e9ff8b22311000854141e
😎 Deploy Preview https://deploy-preview-3929--continuedev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@shermanhuman
Copy link
Contributor Author

On Mac the Command button is a little small. I'll fix it.

@shermanhuman
Copy link
Contributor Author

I'm reworking things, and will resubmit.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

1 participant