Use a shared public view layout component

This commit is contained in:
Johannes Zellner
2025-03-31 11:18:09 +02:00
parent cbba373d7d
commit 15269713cc
11 changed files with 176 additions and 238 deletions
+15 -35
View File
@@ -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>