Improve login component logo styles

This commit is contained in:
Andrew Kingston 2020-10-15 16:37:50 +01:00
parent edb8cc2f52
commit 6866653032
1 changed files with 11 additions and 3 deletions

View File

@ -91,16 +91,20 @@
.content { .content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: stretch;
justify-content: center; justify-content: center;
} }
.logo-container { .logo-container {
margin-bottom: 10px; margin-bottom: 10px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
} }
.logo-container > img { .logo-container > img {
height: 80px; max-height: 80px;
max-width: 200px; max-width: 200px;
margin-bottom: 20px; margin-bottom: 20px;
} }
@ -137,7 +141,7 @@
.form-root { .form-root {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: stretch;
width: 300px; width: 300px;
} }
@ -186,4 +190,8 @@
border-color: #393c44; border-color: #393c44;
color: #393c44; color: #393c44;
} }
h2 {
text-align: center;
}
</style> </style>