Use a shared public view layout component
This commit is contained in:
@@ -4,51 +4,31 @@
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
|
||||
|
||||
<title>Authorize ##NAME##</title>
|
||||
<title>##NAME## OpenID Access Denied</title>
|
||||
|
||||
<link rel="icon" href="/api/v1/cloudron/avatar">
|
||||
<link rel="apple-touch-icon" href="/api/v1/cloudron/avatar">
|
||||
<link rel="icon" href="##ICON_URL##">
|
||||
<link rel="apple-touch-icon" href="##ICON_URL##">
|
||||
|
||||
<style>
|
||||
|
||||
body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
/* not using pankow*/
|
||||
--pankow-text-color: black;
|
||||
--pankow-color-primary: #2196f3;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body {
|
||||
background-color: black;
|
||||
--pankow-text-color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.outer {
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<script>
|
||||
window.cloudron = {};
|
||||
window.cloudron.name = '##NAME##';
|
||||
window.cloudron.iconUrl = '##ICON_URL##';
|
||||
window.cloudron.submitUrl = `##SUBMIT_URL##`;
|
||||
window.cloudron.footer = `##FOOTER##`;
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="outer">
|
||||
<img width="128" height="128" class="avatar" src="##ICON_URL##"/>
|
||||
<br/>
|
||||
<h2>You do not have access to <b>##NAME##</b></h2>
|
||||
<a class="btn btn-primary btn-outline" href="##SUBMIT_URL##">Continue</a>
|
||||
</div>
|
||||
|
||||
<footer>##FOOTER##</footer>
|
||||
|
||||
</body>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<script type="module" src="/src/oidcinteractionabort.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user