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

Update design of welcome screen (including design bootstrap) #386

Merged
merged 6 commits into from
Aug 21, 2023

Conversation

sehyod
Copy link
Collaborator

@sehyod sehyod commented Aug 21, 2023

This updates the Welcome Screen to align with the new design. This also bootstraps the design work by creating useful CSS variables and installing Roboto font.
This also updates the desktop app's icon and the favicon for the web app.

Screenshot 2023-08-21 at 12 03 02

Closes #369

@sehyod sehyod requested a review from cguedes August 21, 2023 11:04
@codecov
Copy link

codecov bot commented Aug 21, 2023

Codecov Report

Merging #386 (6464d4b) into main (fe1a3dc) will increase coverage by 0.06%.
The diff coverage is 95.45%.

@@            Coverage Diff             @@
##             main     #386      +/-   ##
==========================================
+ Coverage   84.10%   84.16%   +0.06%     
==========================================
  Files         174      175       +1     
  Lines        9964    10016      +52     
  Branches     1097     1101       +4     
==========================================
+ Hits         8380     8430      +50     
- Misses       1573     1575       +2     
  Partials       11       11              
Files Changed Coverage Δ
src/splash.tsx 0.00% <0.00%> (ø)
src/application/views/Logo.tsx 100.00% <100.00%> (ø)
src/application/views/WelcomeView.tsx 100.00% <100.00%> (ø)

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

<WelcomeViewShortcut keys={['⌘', ',']} text="Show Settings" />
<Logo />
<div className="flex flex-row gap-20">
<div className="flex w-[16.5rem] flex-col gap-10">
Copy link
Collaborator

Choose a reason for hiding this comment

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

nit: w-[16.5rem] - I don't like using arbitrary values for widths but I understand how that is need for this design.

@sehyod sehyod changed the title Update design of welcome screen Update design of welcome screen (including design bootstrap) Aug 21, 2023
@cguedes cguedes merged commit a1c7f9e into main Aug 21, 2023
11 checks passed
@cguedes cguedes deleted the 369-welcome-screen branch August 21, 2023 15:35
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.

Design for Welcome Screen
2 participants