Improve oidc login popup style layout
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user