Frosted glass wrapper component - Githubissues

developer-delta / halogen

A web based application to add better lighting to video calls.

MIT License

4 stars 11 forks source link

Frosted glass wrapper component #170

Closed mikelbrierly closed 3 years ago

mikelbrierly commented 3 years ago

User Story:

As a developer, I want to be able to easily apply the often used frosted glass effect to an element, So that I can consistently and easily develop the site further

This article might be helpful in getting started with this story -

Acceptance Criteria:

[x] Create a new React wrapper component <Glass></Glass>
[x] Make sure that the component applies the correct blurred glass effect in the background, and the correct border radius
[x] Decide if the component should accept props to be either dark or light glass blur. Implement that functionality if you think it needs it
[x] Use the wrapper component on all the elements that use it, and clean up the CSS they were using before for the effect