Improve oidc login popup style layout

This commit is contained in:
Johannes Zellner
2023-04-27 16:20:32 +02:00
parent 09f27ff686
commit aaf31efd0f
5 changed files with 145 additions and 10 deletions

View File

@@ -16,15 +16,42 @@
<script type="text/javascript" src="/3rdparty/js/jquery.min.js"></script>
<script type="text/javascript" src="/3rdparty/js/bootstrap.min.js"></script>
<style>
.card {
padding: 20px;
margin-bottom: 0;
max-width: 620px;
min-height: 100%;
}
.avatar {
margin-top: 20px;
}
@media(min-width:620px) {
.card {
margin-bottom: 15px;
margin-top: 100px;
min-height: auto;
}
.avatar {
margin-top: -84px
}
}
</style>
</head>
<body>
<div class="layout-root">
<div class="layout-content">
<div class="card" style="padding: 20px; margin-top: 100px; max-width: 620px;">
<div class="card">
<div class="row">
<div class="col-md-12" style="text-align: center;">
<img width="128" height="128" style="margin-top: -84px" src="/api/v1/cloudron/avatar"/>
<img width="128" height="128" class="avatar" src="/api/v1/cloudron/avatar"/>
<br/>
<h1>OpenID Connect Error</h1>
</div>