mirror of
https://github.com/UNITRONIX/BetterDesk.git
synced 2026-09-10 17:45:42 +00:00
UNITRONIX
b9f60752b1
- Added a modular studio layout with a live preview panel, autosave, server-side appearance profiles, and a built-in theme gallery. - Expanded Google Fonts picker and enabled custom font uploads (woff2/ttf). - Updated the appearance tab for real-time changes without full page reloads and introduced a read-only mode for users without edit permissions. - Improved localization by updating language files with new strings for branding and appearance features.
89 lines
3.3 KiB
HTML
89 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="<%= lang || 'en' %>">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>500 - Server Error | <%= appName %></title>
|
|
<link rel="icon" type="image/svg+xml" href="/branding/favicon.svg">
|
|
<link rel="stylesheet" href="/css/main.css?v=<%= typeof cacheVersion !== 'undefined' ? cacheVersion : '' %>">
|
|
<link rel="stylesheet" href="/css/theme.css?v=<%= typeof cacheVersion !== 'undefined' ? cacheVersion : '' %>">
|
|
<link rel="stylesheet" href="/css/branding.css?v=<%= typeof brandingRevision !== 'undefined' ? brandingRevision : (typeof cacheVersion !== 'undefined' ? cacheVersion : '') %>">
|
|
<style>
|
|
.error-page {
|
|
min-height: 100vh;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
padding: var(--space-lg);
|
|
}
|
|
.error-container {
|
|
max-width: 400px;
|
|
}
|
|
.error-code {
|
|
font-size: 120px;
|
|
font-weight: 700;
|
|
color: var(--accent-red);
|
|
line-height: 1;
|
|
margin-bottom: var(--space-md);
|
|
}
|
|
.error-title {
|
|
font-size: var(--font-size-2xl);
|
|
font-weight: 600;
|
|
margin-bottom: var(--space-sm);
|
|
}
|
|
.error-message {
|
|
color: var(--text-secondary);
|
|
margin-bottom: var(--space-xl);
|
|
}
|
|
.error-icon {
|
|
font-size: 64px;
|
|
color: var(--text-tertiary);
|
|
margin-bottom: var(--space-md);
|
|
}
|
|
.error-details {
|
|
background: var(--bg-tertiary);
|
|
border: 1px solid var(--border-primary);
|
|
border-radius: var(--radius-md);
|
|
padding: var(--space-md);
|
|
margin-bottom: var(--space-lg);
|
|
text-align: left;
|
|
font-family: var(--font-mono);
|
|
font-size: var(--font-size-sm);
|
|
color: var(--accent-red);
|
|
overflow-x: auto;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="error-page">
|
|
<div class="error-container">
|
|
<span class="material-icons error-icon">error</span>
|
|
<div class="error-code">500</div>
|
|
<h1 class="error-title"><%= _('errors.server_error_title') %></h1>
|
|
<p class="error-message"><%= _('errors.server_error_message') %></p>
|
|
|
|
<% if (typeof error !== 'undefined' && error && process.env.NODE_ENV === 'development') { %>
|
|
<div class="error-details">
|
|
<pre><%= error.message || error %></pre>
|
|
</div>
|
|
<% } %>
|
|
|
|
<div class="flex gap-sm justify-center">
|
|
<button id="btn-retry" class="btn btn-secondary">
|
|
<span class="material-icons">refresh</span>
|
|
<%= _('errors.try_again') %>
|
|
</button>
|
|
<a href="/" class="btn btn-primary">
|
|
<span class="material-icons">home</span>
|
|
<%= _('errors.go_home') %>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script nonce="<%= typeof cspNonce !== 'undefined' ? cspNonce : '' %>">
|
|
document.getElementById('btn-retry').addEventListener('click', function() { location.reload(); });
|
|
</script>
|
|
</body>
|
|
</html>
|