SES-90 Styles changes
This commit is contained in:
parent
e6b632f8f6
commit
0fd20fd2b1
@ -1,5 +1,5 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="container">
|
<div>
|
||||||
<router-outlet></router-outlet>
|
<router-outlet></router-outlet>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
@ -32,7 +32,7 @@
|
|||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.container {
|
.container {
|
||||||
padding-top: 70%;
|
padding-top: 50%;
|
||||||
}
|
}
|
||||||
.button {
|
.button {
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
@ -47,7 +47,7 @@
|
|||||||
|
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.container {
|
.container {
|
||||||
padding-top: 20%;
|
padding-top: 10%;
|
||||||
}
|
}
|
||||||
.button {
|
.button {
|
||||||
margin: 20px;
|
margin: 20px;
|
||||||
|
@ -45,13 +45,13 @@ input {
|
|||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.container {
|
.container {
|
||||||
width: 350px;
|
width: 350px;
|
||||||
padding-top: 50%;
|
padding-top: 20%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.container {
|
.container {
|
||||||
width: 550px;
|
width: 550px;
|
||||||
padding-top: 20%;
|
padding-top: 10%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -14,9 +14,6 @@ export class SignInComponent {
|
|||||||
|
|
||||||
constructor(private router: Router) {}
|
constructor(private router: Router) {}
|
||||||
|
|
||||||
ngOnInit(): void {
|
|
||||||
}
|
|
||||||
|
|
||||||
onLoginButtonClick(){
|
onLoginButtonClick(){
|
||||||
//TODO connect with backend and added router
|
//TODO connect with backend and added router
|
||||||
console.log("Clicked Login");
|
console.log("Clicked Login");
|
||||||
|
Loading…
Reference in New Issue
Block a user