Skip to content

Chat UI: add a subtle loading animation #2466

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

Merged
merged 2 commits into from
Sep 4, 2023

Conversation

akx
Copy link
Contributor

@akx akx commented Jul 31, 2023

This PR adds a subtle loading animation to the text input box to make it a bit clearer that something's happening:

llamaload.mp4

@akx akx force-pushed the server-loading-animation branch from 906d4a4 to 5aacb88 Compare August 2, 2023 10:56
@akx akx force-pushed the server-loading-animation branch from 5aacb88 to 326de8f Compare August 15, 2023 09:10
@Green-Sky
Copy link
Collaborator

subtle

i had to watch the video 5 times 😄

Copy link
Collaborator

@Green-Sky Green-Sky left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

code looks simple

@netrunnereve
Copy link
Collaborator

subtle

i had to watch the video 5 times 😄

If you use chrome the gradient on the video box makes it invisible 👀

screenshot

@jhen0409
Copy link
Collaborator

Looks good! But I think it might need some tweaks for dark mode:

Screen.Recording.2023-08-16.at.15.51.31.mov

@akx
Copy link
Contributor Author

akx commented Aug 16, 2023

@jhen0409 TBH that doesn't look that bad either to me :) Less subtle, sure...

@jhen0409
Copy link
Collaborator

jhen0409 commented Aug 16, 2023

TBH that doesn't look that bad either to me :) Less subtle, sure...

@akx I think I uploaded the wrong screenshot (I edited --loading-color-2 to #eeeeee55), the gradient should be brighter in original version:

Screenshot 2023-08-16 at 19 10 01

@akx akx force-pushed the server-loading-animation branch from 326de8f to 5783716 Compare September 4, 2023 05:48
@akx
Copy link
Contributor Author

akx commented Sep 4, 2023

Rebased.

@jhen0409 Added dark mode overrides for the colors 👍

@jhen0409 jhen0409 merged commit e4386f4 into ggml-org:master Sep 4, 2023
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.

4 participants