Chneemann/videoflix
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

auth layout outsourced

Browse source
This commit is contained in:
Chneemann 2024-08-03 01:57:28 +02:00
parent 800b3ced9f
commit 94717e053c
4 changed files with 37 additions and 76 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
frontend/src/app/components/auth/auth.component.scss
View file

@ -1,24 +1,10 @@
@import "./../../../assets/style/colors.scss"; @import "./../../../assets/style/colors.scss";
@import "./../../../assets/style/form.scss"; @import "./../../../assets/style/form.scss";
@import "./../../../assets/style/auth-layout.scss";
section { section {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100vw;
height: 100vh;
text-align: center;
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
url(./../../../assets/img/backgrounds/home.png); url(./../../../assets/img/backgrounds/home.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
} }
.headline { .headline {

30
frontend/src/app/components/auth/login/login.component.scss
View file

@ -1,42 +1,14 @@
@import "./../../../../assets/style/colors.scss"; @import "./../../../../assets/style/colors.scss";
@import "./../../../../assets/style/form.scss"; @import "./../../../../assets/style/form.scss";
@import "./../../../../assets/style/auth-layout.scss";
section { section {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100vw;
height: 100vh;
text-align: center;
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
url(./../../../../assets/img/backgrounds/login.png); url(./../../../../assets/img/backgrounds/login.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
} }
.content { .content {
width: 520px;
height: 492px;
padding: 43px 56px;
border-radius: 48px;
background-color: $white;
position: relative; position: relative;
.headline {
font-size: 48px;
font-weight: 700;
color: $blue;
margin-bottom: 24px;
}
app-btn-large {
margin-top: 36px;
}
} }
.checkbox { .checkbox {

33
frontend/src/app/components/auth/register/register.component.scss
View file

@ -1,41 +1,10 @@
@import "./../../../../assets/style/colors.scss"; @import "./../../../../assets/style/colors.scss";
@import "./../../../../assets/style/form.scss"; @import "./../../../../assets/style/form.scss";
@import "./../../../../assets/style/auth-layout.scss";
section { section {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100vw;
height: 100vh;
text-align: center;
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
url(./../../../../assets/img/backgrounds/register.png); url(./../../../../assets/img/backgrounds/register.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.content {
width: 520px;
height: 492px;
padding: 43px 56px;
border-radius: 48px;
background-color: $white;
.headline {
font-size: 48px;
font-weight: 700;
color: $blue;
margin-bottom: 24px;
}
app-btn-large {
margin-top: 36px;
}
} }
.reg-success { .reg-success {

34
frontend/src/assets/style/auth-layout.scss Normal file
View file

@ -0,0 +1,34 @@
section {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100vw;
height: 100vh;
text-align: center;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.content {
width: 520px;
height: 492px;
padding: 43px 56px;
border-radius: 48px;
background-color: $white;
.headline {
font-size: 48px;
font-weight: 700;
color: $blue;
margin-bottom: 24px;
}
app-btn-large {
margin-top: 36px;
}
}