Fixed: Fix the issue with the login page footer

pull/15797/head
zhaojisen 2025-07-30 14:23:12 +08:00 committed by ZhaoJiSen
parent f3d9f4c446
commit 1de8781704
2 changed files with 21 additions and 9 deletions

View File

@ -18,7 +18,7 @@
<style> <style>
.login-content { .login-content {
{#box-shadow: 0 5px 5px -3px rgb(0 0 0 / 15%), 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%);#} box-shadow: 0 5px 5px -3px rgb(0 0 0 / 15%), 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%);
} }
.login-footer { .login-footer {
@ -86,7 +86,7 @@
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
background-color: #f3f3f3; background-color: #f3f3f3;
{#height: calc(100vh - (100vh - 470px) / 3);#} {#height: calc(100vh - (100vh - 470px) / 3);#}
} }

View File

@ -13,20 +13,32 @@
{% if INTERFACE.footer_content %} {% if INTERFACE.footer_content %}
<style> <style>
.markdown-footer a {
color: #428bca;
}
.markdown-footer { .markdown-footer {
position: absolute;
left: 50%;
bottom: 0;
display: flex;
flex-grow: 0; flex-grow: 0;
flex-shrink: 0; flex-shrink: 0;
align-items: center;
justify-content: center;
transform: translateX(-50%);
width: 285px; width: 285px;
} }
.markdown-footer p { .markdown-footer p {
padding: 0; display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0; margin: 0;
padding: 0;
gap: 3px;
} }
.markdown-footer a {
color: #428bca;
}
</style> </style>
<div id="markdown-output" class="markdown-footer"></div> <div id="markdown-output" class="markdown-footer"></div>
{% endif %} {% endif %}
@ -46,7 +58,7 @@
html: true, html: true,
linkify: true, linkify: true,
typographer: true, typographer: true,
breaks: true breaks: false
}); });
const markdownContent = `{{ INTERFACE.footer_content|escapejs }}`; const markdownContent = `{{ INTERFACE.footer_content|escapejs }}`;
const markdownRef = document.getElementById('markdown-output'); const markdownRef = document.getElementById('markdown-output');