perf: 支持页脚对齐方式

This commit is contained in:
mjsoftware 2024-02-12 08:23:19 +08:00
parent 6e3954f1e1
commit 074201c7bc
3 changed files with 21 additions and 1 deletions

View File

@ -59,6 +59,16 @@ spec:
name: cloud_by_url
label: '云服务提供商 URL'
placeholder: '请输入链接地址'
- $formkit: radio
name: footer_center
label: 页脚对齐方式
value: false
help: 在非移动设备下改变页脚的对齐方式。
options:
- label: 左侧
value: false
- label: 居中
value: true
- group: basic_style
label: '基础样式'
formSchema:

View File

@ -3896,6 +3896,16 @@ button.swiper-pagination-bullet {
}
}
@media (min-width: (@mobile-max-width - 1)) {
.footer-center {
text-align: center;
& > li {
text-align: left;
}
}
}
@media (max-width: (@desktop-min-width - 1)) {
.navbar {
.navbar-search .input {

View File

@ -1,6 +1,6 @@
<footer class="footer" xmlns:th="https://www.thymeleaf.org">
<div class="container">
<ul class="footer-container">
<ul th:class="${theme.config.basic_info.footer_center} ? 'footer-container footer-center' : 'footer-container'">
<li>
<a class="logo-title" th:href="${site.url}">
<th:block th:if="${#strings.isEmpty(site.logo)}" th:text="${site.title}"/>