Code

1. While file is uploading, show blue border and 'Uploading...' rectangle
2. When uploading is done, hide blue border and show 'File saved as...' rectangle

Design

The styling below is approximate and uses general variable names, units, font weights, and measurements, but the ultimate goal is to replicate the above design. Final styling should be in em units instead of px, color variables and font weights should use the existing SCSS names, etc.

Window styling

Same as #375

 {
  box-shadow: inset -4px -4px 4px 0 rgba(0, 0, 0, 0.5);
  border: solid 4px var(--bluish);
}

Rectangle

{
  width: 496px;
  height: 60px;
  background-color: #4a4a4a;
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1);
}

Clock icon

https://modernpictograms.com/