Repository navigation
docs(providers): recapture Copilot setup screenshots in light and dark - #2237
Merged
Merged
Conversation
The GitHub Copilot and Microsoft 365 Copilot pages used 1x screenshots that were cropped flush to the form, carried a strip of the dashboard's env-login warning, and had no dark variant. They are recaptured at 2x from LiteLLM main in both themes, framed on the whole card or modal with the documented example values filled in. Each page also gets a short walkthrough video of its dashboard steps, using ThemedVideo like the Docker quick start.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Contributor
Author
|
Before and after, rendered on the docs page. Before is the live site at docs.litellm.ai; after is this branch. Each row is the same docs section in light and dark mode. Microsoft 365 Copilot: add the model
Microsoft 365 Copilot: token exchange credential
GitHub Copilot: create the credential
GitHub Copilot: add the model
GitHub Copilot: Your connections
GitHub Copilot: verification code
|
This branch was successfully deployed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
The dashboard screenshots on the GitHub Copilot and Microsoft 365 Copilot pages were captured at 1x and cropped flush to the form, so on the docs site they looked soft and sat edge to edge in the frame without the card around them. The M365 ones also kept a red strip from the dashboard's env-login warning, and none of them had a dark variant, so they showed up as white blocks in dark mode.
All six LiteLLM screenshots are recaptured at 2x in light and dark, using the
darkprop onIdealImagethe same way #2048 does. Each one shows the whole card or modal with the page's example values filled in, and its width and height are set to the real UI size, so modals render at their true size instead of stretching to full width. They were taken from a proxy built from LiteLLM main at 627356d, since the Copilot credential and OBO UI only merged today (BerriAI/litellm#45158, BerriAI/litellm#45241).Each page also gets a short silent walkthrough video of its dashboard steps through
ThemedVideo, matching the Docker quick start: steps 1 to 3 for GitHub Copilot and step 2 for Microsoft 365 Copilot. The only wording changes are the one-line intros to those videos. The four Microsoft Entra portal screenshots are unchanged.On LiteLLM main the GitHub Copilot credential still defaults to "Shared device login", so the video shows switching Auth Type to "Per-user GitHub OAuth". Once BerriAI/litellm#45697 removes the shared option, that video can be re-recorded to drop the switch.