Skip to content

Commit

Permalink
feat update logo and bg
Browse files Browse the repository at this point in the history
  • Loading branch information
WhiteNik16 committed Dec 13, 2023
1 parent 271db6d commit 9a23cbb
Show file tree
Hide file tree
Showing 5 changed files with 55 additions and 12 deletions.
1 change: 1 addition & 0 deletions src/pages/SignInPage/SignInPage.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -74,6 +74,7 @@ const SignInPage = () => {

return (
<div className='sign-in-page'>
<div className='sign-in-page__backdrop' />
<div className='sign-in-page__logo-wrapper'>
<img
className='sign-in-page__logo'
Expand Down
38 changes: 30 additions & 8 deletions src/pages/SignInPage/styles.scss
Original file line number Diff line number Diff line change
Expand Up @@ -4,11 +4,6 @@
justify-content: center;
height: 100vh;
width: 100%;
background-image: url("/imgs/app-bg.png");
background-repeat: no-repeat;
background-position: right;
background-size: 50% / cover;
backdrop-filter: opacity(0.1);

&:before {
content: "";
Expand All @@ -19,13 +14,13 @@
width: 100%;
height: 100%;
background: var(--background-secondary-main);
opacity: 0.25;
filter: blur(#{toRem(2)});
opacity: 0.8;
z-index: var(--z-index-hidden);
}

&:after {
background: url("/imgs/cells-bg.png") repeat top center / contain;
background: url("/imgs/cells-bg.png") repeat top center;
content: "";
pointer-events: none;
position: fixed;
Expand All @@ -34,6 +29,7 @@
width: 100%;
height: 100%;
z-index: var(--z-index-hidden);
opacity: 0.7;
}

@include respond-to(small) {
Expand All @@ -42,6 +38,32 @@
}
}

.sign-in-page__backdrop {
position: absolute;
height: 100%;
width: 100%;
background-image: url("/imgs/app-bg.png");
background-repeat: no-repeat;
background-position: right;
background-size: contain;
backdrop-filter: blur(toRem(118));
z-index: var(--z-index-hidden);
opacity: 0.5;

&:before {
content: "";
pointer-events: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--white);
opacity: 0.6;
z-index: var(--z-index-hidden);
}
}

.sign-in-page__content {
display: flex;
flex-direction: column;
Expand Down Expand Up @@ -76,6 +98,6 @@

.sign-in-page__logo-wrapper {
position: absolute;
top: toRem(25);
top: toRem(38);
left: toRem(65);
}
26 changes: 23 additions & 3 deletions static/branding/logo-sign-in.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion static/branding/logo.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified static/imgs/cells-bg.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 9a23cbb

Please sign in to comment.