Clean up the openid interaction abort page

This commit is contained in:
Johannes Zellner
2024-12-14 22:07:38 +01:00
parent 893e07ea16
commit a2b737e6a0
2 changed files with 30 additions and 48 deletions
+1 -1
View File
@@ -41,7 +41,7 @@
</style> </style>
</head> </head>
<body> <body>
<div class="outer"> <div class="outer">
+26 -44
View File
@@ -7,69 +7,51 @@
<title>Authorize ##NAME##</title> <title>Authorize ##NAME##</title>
<link id="favicon" type="image/png" rel="icon" href="/api/v1/cloudron/avatar"> <link id="favicon" type="image/png" rel="icon" href="/api/v1/cloudron/avatar">
<link rel="apple-touch-icon" href="/api/v1/cloudron/avatar">
<link rel="icon" href="/api/v1/cloudron/avatar">
<!-- Theme CSS --> <script type="module" src="./src/style.js"></script>
<link type="text/css" rel="stylesheet" href="/theme.css">
<style> <style>
body { body {
background-image: url('/api/v1/cloudron/background'); display: flex;
background-size: cover; flex-direction: column;
background-position: center;
/* not using pankow*/
--pankow-text-color: black;
--pankow-color-primary: #2196f3;
} }
.card { @media (prefers-color-scheme: dark) {
padding: 20px; body {
margin-bottom: 0; background-color: black;
max-width: 620px; --pankow-text-color: white;
min-height: 100%; }
} }
.avatar { .outer {
margin-top: 20px; flex-grow: 1;
} display: flex;
flex-direction: column;
@media(min-width:620px) { align-items: center;
.card { justify-content: center;
margin-bottom: 15px; text-align: center;
margin-top: 100px;
min-height: auto;
}
.avatar {
margin-top: -84px
}
} }
</style> </style>
</head> </head>
<body> <body>
<div class="layout-root"> <div class="outer">
<div class="layout-content">
<div class="card">
<div class="row">
<div class="col-md-12" style="text-align: center;">
<img width="128" height="128" class="avatar" src="##ICON_URL##"/> <img width="128" height="128" class="avatar" src="##ICON_URL##"/>
<br/> <br/>
<h3>You do not have access to <b>##NAME##</b></h3> <h2>You do not have access to <b>##NAME##</b></h2>
</div>
</div>
<br/>
<div class="row">
<div class="col-md-12 text-center">
<a class="btn btn-primary btn-outline" href="##SUBMIT_URL##">Continue</a> <a class="btn btn-primary btn-outline" href="##SUBMIT_URL##">Continue</a>
</div>
</div>
</div>
</div>
<footer class="text-center">
<span class="text-muted">##FOOTER##</span>
</footer>
</div> </div>
<footer>##FOOTER##</footer>
</body> </body>
</html> </html>