s426135/session-companion
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

SES-90 Styles changes

Browse Source
This commit is contained in:
Łukasz Góreczny 2020-12-12 11:16:25 +01:00
parent e6b632f8f6
commit 0fd20fd2b1
4 changed files with 7 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
SessionCompanion/SessionCompanion/ClientApp/src/app/app.component.html
View File

@ -1,5 +1,5 @@
<body> <body>
<div class="container"> <div>
<router-outlet></router-outlet> <router-outlet></router-outlet>
</div> </div>
</body> </body>

4
SessionCompanion/SessionCompanion/ClientApp/src/app/components/select-role/select-role.component.css
View File

@ -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;

4
SessionCompanion/SessionCompanion/ClientApp/src/app/components/sign-in/sign-in.component.css
View File

@ -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%;
} }
} }

7
SessionCompanion/SessionCompanion/ClientApp/src/app/components/sign-in/sign-in.component.ts
View File

@ -11,11 +11,8 @@ export class SignInComponent {
username = ""; username = "";
password = ""; password = "";
constructor(private router: Router) {}
ngOnInit(): void { constructor(private router: Router) {}
}
onLoginButtonClick(){ onLoginButtonClick(){
//TODO connect with backend and added router //TODO connect with backend and added router
@ -31,7 +28,7 @@ export class SignInComponent {
onArrowBackClick(){ onArrowBackClick(){
this.router.navigate(['']) this.router.navigate([''])
} }
collapse() { collapse() {
this.isExpanded = false; this.isExpanded = false;
} }