hugo/Outpost
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added new pages, and added user approval and login to external services (Still need to add service tokens)

Browse Source
This commit is contained in:
Hugo H
2025-12-23 22:06:29 +00:00
parent 5fef4ac7c8
commit 43736d68bb
11 changed files with 2202 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
templates/login.html
View File

@@ -280,6 +280,43 @@
cursor: pointer;
padding: 0.5rem;
}
/* Mobile and popup responsiveness */
@media (max-width: 768px) {
body {
padding: 0;
align-items: stretch;
justify-content: stretch;
}
.login-card {
max-width: none;
width: 100%;
height: 100vh;
border-radius: 0;
border: none;
box-shadow: none;
}
.card-content {
padding: 1.5rem;
height: 100%;
justify-content: flex-start;
padding-top: 2rem;
}
.brand-header {
margin-bottom: 1.5rem;
}
h2 {
font-size: 1.5rem;
}
.description {
font-size: 0.75rem;
}
}
</style>
</head>
<body>
@@ -313,6 +350,10 @@
<i class="fa-solid fa-arrow-right" style="font-size: 0.75rem; opacity: 0.7;" id="nextIcon"></i>
</button>
</form>
<div style="text-align: center; margin-top: 1.5rem;">
<p style="color: var(--text-muted); font-size: 0.875rem;">Don't have an account? <a href="/signup" style="color: var(--brand-primary); text-decoration: none; font-weight: 600;">Sign up</a></p>
</div>
</div>
<!-- Stage 2: Verification -->
@@ -396,6 +437,20 @@
</div>
<script>
// Check if in popup and apply fullscreen styling
if (window.opener || window.self !== window.top) {
document.documentElement.style.width = '100vw';
document.documentElement.style.height = '100vh';
document.body.style.width = '100vw';
document.body.style.height = '100vh';
document.querySelector('.login-card').style.maxWidth = 'none';
document.querySelector('.login-card').style.width = '100%';
document.querySelector('.login-card').style.height = '100vh';
document.querySelector('.login-card').style.borderRadius = '0';
document.querySelector('.login-card').style.border = 'none';
document.querySelector('.login-card').style.boxShadow = 'none';
}
const stages = {
1: document.getElementById('stage1'),
2: document.getElementById('stage2'),