Files
theme-earth/templates/modules/footer-social.html
Ryan Wang 7e103ff3c0 Optimize settings form and remove deprecated options (#256)
* Optimize settings form and remove deprecated options

* Update required version to 2.22.0 in theme.yaml

The minimum required version for this theme has been updated from 2.20.0 to 2.22.0 to ensure compatibility with newer dependencies or features.

* Update icon rendering to use icon.value property
2025-12-24 12:09:28 +08:00

26 lines
1.2 KiB
HTML

<th:block th:with="social_media = ${theme.config.footer.social_media}">
<div th:unless="${#lists.isEmpty(social_media)}" class="mt-4 flex justify-center space-x-6 sm:mt-0">
<th:block th:each="item : ${social_media}">
<a
th:if="${item.url_type == 'normal'}"
th:href="${item.url}"
class="text-gray-500 hover:text-gray-900 dark:hover:text-white [&>svg]:size-5"
th:title="${item.name}"
>
<div th:if="item.iconify == null" th:classappend="${item.icon}" class="size-5"></div>
<th:block th:unless="item.iconify == null" th:utext="${item.iconify.value}"></th:block>
</a>
<span
th:if="${item.url_type == 'image'}"
th:attr="x-data=|{openImageModal:false,image: '${item.url}', alt: '${item.name}'}|"
class="cursor-pointer text-gray-500 hover:text-gray-900 dark:hover:text-white [&>svg]:size-5"
@click="openImageModal = true"
>
<div th:if="item.iconify == null" th:classappend="${item.icon}" class="size-5"></div>
<th:block th:unless="item.iconify == null" th:utext="${item.iconify.value}"></th:block>
<th:block th:replace="~{modules/image-view-modal}" />
</span>
</th:block>
</div>
</th:block>