MycroftAI
/
selene-ui
mirror of https://github.com/MycroftAI/selene-ui.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

better responsive design behavior

pull/1/head
Chris Veilleux 2019-02-03 20:27:28 -06:00
parent ea4d6d2164
commit 2d34421c4a
3 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
projects/sso/src/app/background/background.component.html
View File

@ -1,7 +1,8 @@
<div id="top-half"></div> <div id="top-half">
<div id="bottom-half"></div> <div fxLayout="column" fxLayoutAlign="center center">
<div fxLayout="column" fxLayoutAlign="center center"> <div align="center">
<div align="center"> <img src="../../assets/mycroft-ai-no-logo.svg"/>
<img src="../../assets/mycroft-ai-no-logo.svg"/> </div>
</div> </div>
</div> </div>
<div id="bottom-half"></div>

7
projects/sso/src/app/background/background.component.scss
View File

@ -27,7 +27,8 @@
} }
img { img {
margin-bottom: 50px; margin-top: 3vh;
margin-top: 50px; margin-left: 32px;
width: 600px; margin-right: 32px;
max-width: 600px;
} }

4
projects/sso/src/app/login/login.component.html
View File

@ -1,6 +1,6 @@
<div fxLayout="column" fxLayoutAlign="center center"> <div style="height: 100vh" fxLayout="column" fxLayoutAlign="center center">
<div id="login-options"> <div id="login-options">
<sso-external-login></sso-external-login> <sso-federated-login></sso-federated-login>
<div class="mat-subheading-2">OR</div> <div class="mat-subheading-2">OR</div>
<sso-internal-login></sso-internal-login> <sso-internal-login></sso-internal-login>
</div> </div>