halo/theme-earth
1
0
Fork 0
mirror of https://github.com/halo-dev/theme-earth.git synced 2025-10-14 14:30:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: bump dependencies (#138)

Browse Source 
升级所有依赖的版本，并简化部分 TailwindCSS 的写法。

/kind improvement

```release-note
None
```
This commit is contained in:
Ryan Wang
2024-04-12 00:10:11 +08:00
committed by GitHub
parent 42a2546b6b
commit d4562c38de
20 changed files with 559 additions and 380 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
package.json
View File

@@ -37,33 +37,33 @@
"type": "git" "type": "git"
}, },
"devDependencies": { "devDependencies": {
"@iconify-json/bx": "^1.1.6", "@iconify-json/bx": "^1.1.10",
"@iconify-json/gg": "^1.1.5", "@iconify-json/gg": "^1.1.9",
"@iconify-json/simple-icons": "^1.1.74", "@iconify-json/simple-icons": "^1.1.99",
"@iconify-json/tabler": "^1.1.80", "@iconify-json/tabler": "^1.1.109",
"@tailwindcss/aspect-ratio": "^0.4.2", "@tailwindcss/aspect-ratio": "^0.4.2",
"@tailwindcss/typography": "^0.5.9", "@tailwindcss/typography": "^0.5.12",
"@types/alpinejs": "^3.7.2", "@types/alpinejs": "^3.13.10",
"@types/node": "18.11.9", "@types/node": "18.11.9",
"@typescript-eslint/eslint-plugin": "^5.60.1", "@typescript-eslint/eslint-plugin": "^5.62.0",
"@typescript-eslint/parser": "^5.60.1", "@typescript-eslint/parser": "^5.62.0",
"autoprefixer": "^10.4.14", "autoprefixer": "^10.4.19",
"eslint": "^8.43.0", "eslint": "^8.57.0",
"eslint-config-prettier": "^8.8.0", "eslint-config-prettier": "^8.10.0",
"eslint-plugin-prettier": "^4.2.1", "eslint-plugin-prettier": "^4.2.1",
"postcss": "^8.4.24", "postcss": "^8.4.38",
"prettier": "^2.8.8", "prettier": "^2.8.8",
"prettier-plugin-tailwindcss": "^0.3.0", "prettier-plugin-tailwindcss": "^0.3.0",
"release-it": "^15.11.0", "release-it": "^15.11.0",
"sass": "^1.69.3", "sass": "^1.74.1",
"tailwindcss": "^3.3.2", "tailwindcss": "^3.4.3",
"tailwindcss-plugin-icons": "^2.2.0", "tailwindcss-plugin-icons": "^2.2.2",
"typescript": "^4.9.5", "typescript": "^4.9.5",
"vite": "^4.3.9" "vite": "^5.2.8"
}, },
"dependencies": { "dependencies": {
"alpinejs": "^3.12.2", "alpinejs": "^3.13.8",
"tocbot": "^4.21.2", "pupa": "^3.1.0",
"pupa": "^3.1.0" "tocbot": "^4.25.0"
} }
} }

781
pnpm-lock.yaml generated
View File

File diff suppressed because it is too large Load Diff

2
src/main.ts
View File

@@ -48,7 +48,7 @@ export function generateToc() {
headingsOffset: 100, headingsOffset: 100,
scrollSmooth: true, scrollSmooth: true,
scrollSmoothOffset: -100, scrollSmoothOffset: -100,
// @ts-ignore // @ts-ignore
tocScrollOffset: 50, tocScrollOffset: 50,
}); });
} }

2
templates/archives.html
View File

@@ -58,7 +58,7 @@
> >
</a> </a>
</div> </div>
<div class="text-sm font-light line-clamp-6 dark:text-slate-200"> <div class="line-clamp-6 text-sm font-light dark:text-slate-200">
<th:block th:text="${post.status.excerpt}"></th:block> <th:block th:text="${post.status.excerpt}"></th:block>
</div> </div>
</div> </div>

6
templates/assets/dist/main.iife.js vendored
View File

File diff suppressed because one or more lines are too long

2
templates/assets/dist/style.css vendored
View File

File diff suppressed because one or more lines are too long

2
templates/links.html
View File

@@ -15,7 +15,7 @@
class="relative flex items-center space-x-3 rounded border border-gray-300 bg-white px-5 py-4 shadow-sm hover:border-gray-400 hover:shadow dark:border-slate-600 dark:bg-slate-700 dark:hover:border-slate-700" class="relative flex items-center space-x-3 rounded border border-gray-300 bg-white px-5 py-4 shadow-sm hover:border-gray-400 hover:shadow dark:border-slate-600 dark:bg-slate-700 dark:hover:border-slate-700"
> >
<div class="flex-shrink-0"> <div class="flex-shrink-0">
<img class="h-12 w-12 rounded-full" th:src="${link.spec.logo}" th:alt="${link.spec.displayName}" /> <img class="size-12 rounded-full" th:src="${link.spec.logo}" th:alt="${link.spec.displayName}" />
</div> </div>
<div class="min-w-0 flex-1"> <div class="min-w-0 flex-1">
<div> <div>

4
templates/modules/category-tree.html
View File

@@ -3,11 +3,11 @@
<a <a
th:href="@{${category.status.permalink}}" th:href="@{${category.status.permalink}}"
th:title="${category.spec.displayName}" th:title="${category.spec.displayName}"
class="group flex items-center justify-between rounded py-1 px-1.5 transition-all hover:bg-gray-100 dark:hover:bg-slate-700" class="group flex items-center justify-between rounded px-1.5 py-1 transition-all hover:bg-gray-100 dark:hover:bg-slate-700"
> >
<span class="text-sm opacity-80 dark:text-slate-50" th:text="${category.spec.displayName}"> </span> <span class="text-sm opacity-80 dark:text-slate-50" th:text="${category.spec.displayName}"> </span>
<span <span
class="rounded bg-gray-100 py-0.5 px-1 text-xs tabular-nums opacity-70 group-hover:bg-white dark:bg-slate-600 dark:text-slate-50 dark:group-hover:bg-slate-500" class="rounded bg-gray-100 px-1 py-0.5 text-xs tabular-nums opacity-70 group-hover:bg-white dark:bg-slate-600 dark:text-slate-50 dark:group-hover:bg-slate-500"
th:text="${category.status.visiblePostCount}" th:text="${category.status.visiblePostCount}"
> >
</span> </span>

10
templates/modules/featured-post-card.html
View File

@@ -2,12 +2,12 @@
th:fragment="featured-post-card(post)" th:fragment="featured-post-card(post)"
class="group grid cursor-pointer grid-cols-1 overflow-hidden rounded-xl bg-white shadow-md transition-all duration-500 hover:shadow-lg dark:bg-slate-800 sm:grid-cols-5" class="group grid cursor-pointer grid-cols-1 overflow-hidden rounded-xl bg-white shadow-md transition-all duration-500 hover:shadow-lg dark:bg-slate-800 sm:grid-cols-5"
> >
<div th:if="${not #strings.isEmpty(post.spec.cover)}" class="aspect-w-16 aspect-h-9 col-span-3"> <div th:if="${not #strings.isEmpty(post.spec.cover)}" class="aspect-h-9 aspect-w-16 col-span-3">
<a th:href="@{${post.status.permalink}}" th:title="${post.spec.title}"> <a th:href="@{${post.status.permalink}}" th:title="${post.spec.title}">
<img <img
th:src="${post.spec.cover}" th:src="${post.spec.cover}"
th:alt="${post.spec.title}" th:alt="${post.spec.title}"
class="h-full w-full object-cover transition-all duration-500" class="size-full object-cover transition-all duration-500"
/> />
</a> </a>
</div> </div>
@@ -34,18 +34,18 @@
</a> </a>
</div> </div>
<h1 <h1
class="cursor-pointer text-2xl font-medium transition-all line-clamp-2 hover:text-gray-500 hover:underline dark:text-slate-50 dark:hover:text-white" class="line-clamp-2 cursor-pointer text-2xl font-medium transition-all hover:text-gray-500 hover:underline dark:text-slate-50 dark:hover:text-white"
> >
<a th:href="@{${post.status.permalink}}" th:text="${post.spec.title}"></a> <a th:href="@{${post.status.permalink}}" th:text="${post.spec.title}"></a>
</h1> </h1>
<p class="font-sm font-light line-clamp-6 dark:text-slate-200" th:text="${post.status.excerpt}"></p> <p class="font-sm line-clamp-6 font-light dark:text-slate-200" th:text="${post.status.excerpt}"></p>
<div class="mt-4 flex flex-1 items-center justify-start gap-2"> <div class="mt-4 flex flex-1 items-center justify-start gap-2">
<a th:href="@{${post.owner.permalink}}" th:title="${post.owner.displayName}"> <a th:href="@{${post.owner.permalink}}" th:title="${post.owner.displayName}">
<img <img
th:src="${post.owner.avatar ?: #theme.assets('/images/default-avatar.svg')}" th:src="${post.owner.avatar ?: #theme.assets('/images/default-avatar.svg')}"
th:title="${post.owner.displayName}" th:title="${post.owner.displayName}"
th:alt="${post.owner.displayName}" th:alt="${post.owner.displayName}"
class="h-8 w-8 rounded-full border drop-shadow-sm dark:border-slate-700" class="size-8 rounded-full border drop-shadow-sm dark:border-slate-700"
/> />
</a> </a>
<a <a

4
templates/modules/footer-social.html
View File

@@ -6,14 +6,14 @@
class="text-gray-500 hover:text-gray-900 dark:hover:text-white" class="text-gray-500 hover:text-gray-900 dark:hover:text-white"
th:title="${social_media.name}" th:title="${social_media.name}"
> >
<div th:classappend="${social_media.icon}" class="h-5 w-5"></div> <div th:classappend="${social_media.icon}" class="size-5"></div>
</a> </a>
<span <span
th:if="${social_media.url_type == 'image'}" th:if="${social_media.url_type == 'image'}"
x-data="{openImageModal:false}" x-data="{openImageModal:false}"
class="cursor-pointer text-gray-500 hover:text-gray-900 dark:hover:text-white" class="cursor-pointer text-gray-500 hover:text-gray-900 dark:hover:text-white"
> >
<div th:classappend="${social_media.icon}" class="h-5 w-5" @click="openImageModal = true"></div> <div th:classappend="${social_media.icon}" class="size-5" @click="openImageModal = true"></div>
<div> <div>
<div <div
class="fixed inset-0 z-50 bg-gray-800/40 opacity-100 backdrop-blur-sm dark:bg-black/80" class="fixed inset-0 z-50 bg-gray-800/40 opacity-100 backdrop-blur-sm dark:bg-black/80"

6
templates/modules/footer.html
View File

@@ -4,7 +4,7 @@
<img <img
th:if="${not #strings.isEmpty(theme.config.footer.logo)} or ${not #strings.isEmpty(site.logo)}" th:if="${not #strings.isEmpty(theme.config.footer.logo)} or ${not #strings.isEmpty(site.logo)}"
th:src="${theme.config.footer.logo ?: site.logo}" th:src="${theme.config.footer.logo ?: site.logo}"
class="mr-3 h-8 w-8" class="mr-3 size-8"
th:alt="${site.title}" th:alt="${site.title}"
/> />
<span <span
@@ -46,7 +46,7 @@
class="container mx-auto block text-center text-sm text-gray-500 dark:text-slate-300" class="container mx-auto block text-center text-sm text-gray-500 dark:text-slate-300"
> >
<p class="flex items-center justify-center gap-1"> <p class="flex items-center justify-center gap-1">
<img th:src="@{/assets/images/gongan_beian.png}" class="h-4 w-4" alt="gongan_beian" /> <img th:src="@{/assets/images/gongan_beian.png}" class="size-4" alt="gongan_beian" />
<a <a
href="https://beian.mps.gov.cn/#/query/webSearch" href="https://beian.mps.gov.cn/#/query/webSearch"
class="hover:underline" class="hover:underline"
@@ -137,7 +137,7 @@
th:if="${not #strings.isEmpty(theme.config.beian.gongan_text)}" th:if="${not #strings.isEmpty(theme.config.beian.gongan_text)}"
class="inline-flex items-center justify-center gap-1 text-sm text-gray-500 sm:justify-start" class="inline-flex items-center justify-center gap-1 text-sm text-gray-500 sm:justify-start"
> >
<img th:src="@{/assets/images/gongan_beian.png}" class="h-4 w-4" alt="gongan_beian" /> <img th:src="@{/assets/images/gongan_beian.png}" class="size-4" alt="gongan_beian" />
<a <a
href="https://beian.mps.gov.cn/#/query/webSearch" href="https://beian.mps.gov.cn/#/query/webSearch"
class="hover:underline" class="hover:underline"

14
templates/modules/header.html
View File

@@ -49,7 +49,7 @@
class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600"
> >
<a <a
class="h-full w-full truncate px-4 py-2 text-gray-600 hover:text-blue-600 dark:text-slate-50 dark:hover:text-gray-300" class="size-full truncate px-4 py-2 text-gray-600 hover:text-blue-600 dark:text-slate-50 dark:hover:text-gray-300"
th:href="@{${childMenuItem.status.href}}" th:href="@{${childMenuItem.status.href}}"
th:text="${childMenuItem.status.displayName}" th:text="${childMenuItem.status.displayName}"
th:target="${childMenuItem.spec.target?.value}" th:target="${childMenuItem.spec.target?.value}"
@@ -96,9 +96,9 @@
@mouseleave="close()" @mouseleave="close()"
> >
<div> <div>
<div class="h-5 w-5 text-gray-600 hover:text-blue-600 dark:text-slate-100"> <div class="size-5 text-gray-600 hover:text-blue-600 dark:text-slate-100">
<img <img
class="h-5 w-5 rounded-full" class="size-5 rounded-full"
th:src="${currentUser.avatar ?: #theme.assets('/images/default-avatar.svg')}" th:src="${currentUser.avatar ?: #theme.assets('/images/default-avatar.svg')}"
th:alt="${currentUser.displayName}" th:alt="${currentUser.displayName}"
/> />
@@ -120,7 +120,7 @@
class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600"
> >
<a <a
class="h-full w-full truncate px-4 py-2 text-gray-600 hover:text-blue-600 dark:text-slate-50 dark:hover:text-gray-300" class="size-full truncate px-4 py-2 text-gray-600 hover:text-blue-600 dark:text-slate-50 dark:hover:text-gray-300"
href="/console" href="/console"
target="_blank" target="_blank"
> >
@@ -132,7 +132,7 @@
class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600"
> >
<a <a
class="h-full w-full truncate px-4 py-2 text-gray-600 hover:text-blue-600 dark:text-slate-50 dark:hover:text-gray-300" class="size-full truncate px-4 py-2 text-gray-600 hover:text-blue-600 dark:text-slate-50 dark:hover:text-gray-300"
href="/logout" href="/logout"
> >
退出登录 退出登录
@@ -143,7 +143,7 @@
class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600" class="flex w-full items-center text-left text-sm hover:bg-gray-50 dark:hover:bg-slate-600"
> >
<a <a
class="h-full w-full truncate px-4 py-2 text-gray-600 hover:text-blue-600 dark:text-slate-50 dark:hover:text-gray-300" class="size-full truncate px-4 py-2 text-gray-600 hover:text-blue-600 dark:text-slate-50 dark:hover:text-gray-300"
href="/console/login" href="/console/login"
> >
登录 登录
@@ -201,7 +201,7 @@
<ul class="divide-y divide-gray-100 dark:divide-slate-800" th:if="${not #lists.isEmpty(menuItem.children)}"> <ul class="divide-y divide-gray-100 dark:divide-slate-800" th:if="${not #lists.isEmpty(menuItem.children)}">
<li th:each="childMenuItem : ${menuItem.children}" class="flex w-full items-center text-left text-sm"> <li th:each="childMenuItem : ${menuItem.children}" class="flex w-full items-center text-left text-sm">
<a <a
class="h-full w-full truncate px-4 py-2 text-gray-600 dark:text-slate-200" class="size-full truncate px-4 py-2 text-gray-600 dark:text-slate-200"
th:href="@{${childMenuItem.status.href}}" th:href="@{${childMenuItem.status.href}}"
th:text="${childMenuItem.status.displayName}" th:text="${childMenuItem.status.displayName}"
th:target="${childMenuItem.spec.target?.value}" th:target="${childMenuItem.spec.target?.value}"

14
templates/modules/post-card.html
View File

@@ -5,19 +5,19 @@
> >
<div <div
th:if="${cover} and ${not #strings.isEmpty(post.spec.cover)}" th:if="${cover} and ${not #strings.isEmpty(post.spec.cover)}"
class="aspect-w-16 aspect-h-9" class="aspect-h-9 aspect-w-16"
th:classappend="${direction == 'column' ? 'col-span-2' : ''}" th:classappend="${direction == 'column' ? 'col-span-2' : ''}"
> >
<a th:href="@{${post.status.permalink}}" th:title="${post.spec.title}"> <a th:href="@{${post.status.permalink}}" th:title="${post.spec.title}">
<img <img
th:src="${post.spec.cover}" th:src="${post.spec.cover}"
th:alt="${post.spec.title}" th:alt="${post.spec.title}"
class="h-full w-full object-cover transition-all duration-500" class="size-full object-cover transition-all duration-500"
th:classappend="${animation} ? 'group-hover:scale-105'" th:classappend="${animation} ? 'group-hover:scale-105'"
/> />
</a> </a>
<div th:if="${post.spec.pinned}" class="absolute !top-1.5 !left-2" title="置顶"> <div th:if="${post.spec.pinned}" class="absolute !left-2 !top-1.5" title="置顶">
<div class="i-bx-arrow-to-top !h-5 !w-5 text-sky-600"></div> <div class="i-bx-arrow-to-top !size-5 text-sky-600"></div>
</div> </div>
</div> </div>
<div <div
@@ -47,13 +47,13 @@
</a> </a>
</div> </div>
<h1 <h1
class="cursor-pointer text-2xl font-medium transition-all line-clamp-2 hover:text-gray-500 hover:underline dark:text-slate-50 dark:hover:text-white" class="line-clamp-2 cursor-pointer text-2xl font-medium transition-all hover:text-gray-500 hover:underline dark:text-slate-50 dark:hover:text-white"
th:classappend="|${direction == 'column' ? 'sm:line-clamp-2' : ''} ${list_layout == 'grid_2' ? 'sm:line-clamp-3' : ''} ${list_layout == 'grid_3' ? 'sm:line-clamp-4' : ''}|" th:classappend="|${direction == 'column' ? 'sm:line-clamp-2' : ''} ${list_layout == 'grid_2' ? 'sm:line-clamp-3' : ''} ${list_layout == 'grid_3' ? 'sm:line-clamp-4' : ''}|"
> >
<a th:href="@{${post.status.permalink}}" th:text="${post.spec.title}" th:title="${post.spec.title}"></a> <a th:href="@{${post.status.permalink}}" th:text="${post.spec.title}" th:title="${post.spec.title}"></a>
</h1> </h1>
<p <p
class="font-sm font-light line-clamp-6 dark:text-slate-200" class="font-sm line-clamp-6 font-light dark:text-slate-200"
th:text="${post.status.excerpt}" th:text="${post.status.excerpt}"
th:classappend="${list_layout == 'grid_3' ? ' sm:line-clamp-8' : ''}" th:classappend="${list_layout == 'grid_3' ? ' sm:line-clamp-8' : ''}"
></p> ></p>
@@ -63,7 +63,7 @@
th:src="${post.owner.avatar ?: #theme.assets('/images/default-avatar.svg')}" th:src="${post.owner.avatar ?: #theme.assets('/images/default-avatar.svg')}"
th:title="${post.owner.displayName}" th:title="${post.owner.displayName}"
th:alt="${post.owner.displayName}" th:alt="${post.owner.displayName}"
class="h-8 w-8 rounded-full border drop-shadow-sm dark:border-slate-700" class="size-8 rounded-full border drop-shadow-sm dark:border-slate-700"
/> />
</a> </a>
<a <a

14
templates/modules/share-modal.html
View File

@@ -25,7 +25,7 @@
<div class="flex min-h-full flex-col items-center justify-center p-4 text-center sm:p-0"> <div class="flex min-h-full flex-col items-center justify-center p-4 text-center sm:p-0">
<div <div
@click.outside="shareModal = false" @click.outside="shareModal = false"
class="relative my-4 transform overflow-hidden rounded-lg bg-white dark:bg-slate-800 dark:text-slate-100 p-4 text-left shadow-xl transition-all sm:w-full sm:max-w-xl" class="relative my-4 transform overflow-hidden rounded-lg bg-white p-4 text-left shadow-xl transition-all dark:bg-slate-800 dark:text-slate-100 sm:w-full sm:max-w-xl"
> >
<h1 class="text-lg font-semibold">分享</h1> <h1 class="text-lg font-semibold">分享</h1>
<div class="my-8"> <div class="my-8">
@@ -33,7 +33,7 @@
<template x-for="item in activeShareItems"> <template x-for="item in activeShareItems">
<div class="inline-flex flex-col items-center justify-center gap-1.5 rounded-full"> <div class="inline-flex flex-col items-center justify-center gap-1.5 rounded-full">
<div <div
class="inline-flex h-12 w-12 cursor-pointer items-center justify-center rounded-full bg-gray-100 transition-all hover:bg-gray-200 sm:h-16 sm:w-16 dark:bg-slate-600 dark:text-slate-50 dark:hover:bg-slate-700 dark:hover:text-slate-100" class="inline-flex size-12 cursor-pointer items-center justify-center rounded-full bg-gray-100 transition-all hover:bg-gray-200 dark:bg-slate-600 dark:text-slate-50 dark:hover:bg-slate-700 dark:hover:text-slate-100 sm:size-16"
@click="handleShare(item.id)" @click="handleShare(item.id)"
> >
<div class="text-xl text-gray-900 dark:text-slate-50" :class="item.icon"></div> <div class="text-xl text-gray-900 dark:text-slate-50" :class="item.icon"></div>
@@ -44,7 +44,7 @@
</div> </div>
<div class="mt-10"> <div class="mt-10">
<div <div
class="flex flex-wrap items-center justify-center gap-1 rounded-lg bg-gray-100 dark:bg-slate-700 px-3 py-2 sm:justify-between" class="flex flex-wrap items-center justify-center gap-1 rounded-lg bg-gray-100 px-3 py-2 dark:bg-slate-700 sm:justify-between"
> >
<div class="select-all text-xs font-light text-gray-600 dark:text-slate-100" x-text="permalink"></div> <div class="select-all text-xs font-light text-gray-600 dark:text-slate-100" x-text="permalink"></div>
<div <div
@@ -59,12 +59,14 @@
<div> <div>
<div <div
@click="shareModal = false" @click="shareModal = false"
class="group inline-flex items-center justify-center rounded-full bg-white dark:bg-slate-800 p-1.5" class="group inline-flex items-center justify-center rounded-full bg-white p-1.5 dark:bg-slate-800"
> >
<i class="i-tabler-x block text-gray-600 hover:text-gray-900 dark:text-slate-100 dark:hover:text-slate-500"></i> <i
class="i-tabler-x block text-gray-600 hover:text-gray-900 dark:text-slate-100 dark:hover:text-slate-500"
></i>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</template> </template>

10
templates/modules/widgets/latest-comments.html
View File

@@ -9,7 +9,7 @@
<ul role="list" class="divide-y divide-gray-100 dark:divide-slate-700"> <ul role="list" class="divide-y divide-gray-100 dark:divide-slate-700">
<li class="py-3"> <li class="py-3">
<div class="flex space-x-3"> <div class="flex space-x-3">
<img class="h-6 w-6 rounded-full" src="https://ryanc.cc/avatar" alt="Comment Avatar" /> <img class="size-6 rounded-full" src="https://ryanc.cc/avatar" alt="Comment Avatar" />
<div class="flex-1 space-y-1"> <div class="flex-1 space-y-1">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<h3 class="text-sm font-medium dark:text-slate-100">Phyllis McKenzie</h3> <h3 class="text-sm font-medium dark:text-slate-100">Phyllis McKenzie</h3>
@@ -23,7 +23,7 @@
</li> </li>
<li class="py-3"> <li class="py-3">
<div class="flex space-x-3"> <div class="flex space-x-3">
<img class="h-6 w-6 rounded-full" src="https://ryanc.cc/avatar" alt="Comment Avatar" /> <img class="size-6 rounded-full" src="https://ryanc.cc/avatar" alt="Comment Avatar" />
<div class="flex-1 space-y-1"> <div class="flex-1 space-y-1">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<h3 class="text-sm font-medium dark:text-slate-100">Willard Labadie I</h3> <h3 class="text-sm font-medium dark:text-slate-100">Willard Labadie I</h3>
@@ -37,7 +37,7 @@
</li> </li>
<li class="py-3"> <li class="py-3">
<div class="flex space-x-3"> <div class="flex space-x-3">
<img class="h-6 w-6 rounded-full" src="https://ryanc.cc/avatar" alt="Comment Avatar" /> <img class="size-6 rounded-full" src="https://ryanc.cc/avatar" alt="Comment Avatar" />
<div class="flex-1 space-y-1"> <div class="flex-1 space-y-1">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<h3 class="text-sm font-medium dark:text-slate-100">Miss Leonard Sporer</h3> <h3 class="text-sm font-medium dark:text-slate-100">Miss Leonard Sporer</h3>
@@ -49,7 +49,7 @@
</li> </li>
<li class="py-3"> <li class="py-3">
<div class="flex space-x-3"> <div class="flex space-x-3">
<img class="h-6 w-6 rounded-full" src="https://ryanc.cc/avatar" alt="Comment Avatar" /> <img class="size-6 rounded-full" src="https://ryanc.cc/avatar" alt="Comment Avatar" />
<div class="flex-1 space-y-1"> <div class="flex-1 space-y-1">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<h3 class="text-sm font-medium dark:text-slate-100">Tyrone Fisher</h3> <h3 class="text-sm font-medium dark:text-slate-100">Tyrone Fisher</h3>
@@ -61,7 +61,7 @@
</li> </li>
<li class="py-3"> <li class="py-3">
<div class="flex space-x-3"> <div class="flex space-x-3">
<img class="h-6 w-6 rounded-full" src="https://ryanc.cc/avatar" alt="Comment Avatar" /> <img class="size-6 rounded-full" src="https://ryanc.cc/avatar" alt="Comment Avatar" />
<div class="flex-1 space-y-1"> <div class="flex-1 space-y-1">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<h3 class="text-sm font-medium dark:text-slate-100">Angie Braun V</h3> <h3 class="text-sm font-medium dark:text-slate-100">Angie Braun V</h3>

2
templates/modules/widgets/popular-posts.html
View File

@@ -10,7 +10,7 @@
<li class="py-3" th:each="post : ${posts}"> <li class="py-3" th:each="post : ${posts}">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<div class="flex flex-col gap-1"> <div class="flex flex-col gap-1">
<h3 class="text-sm font-medium line-clamp-2 hover:text-gray-500 hover:underline dark:text-slate-100"> <h3 class="line-clamp-2 text-sm font-medium hover:text-gray-500 hover:underline dark:text-slate-100">
<a th:text="${post.spec.title}" th:href="@{${post.status.permalink}}" th:title="${post.spec.title}"></a> <a th:text="${post.spec.title}" th:href="@{${post.status.permalink}}" th:title="${post.spec.title}"></a>
</h3> </h3>
<p <p

2
templates/modules/widgets/profile.html
View File

@@ -4,7 +4,7 @@
> >
<div class="flex flex-col items-center justify-center gap-4"> <div class="flex flex-col items-center justify-center gap-4">
<div th:if="${not #strings.isEmpty(theme.config.sidebar.profile.logo)}" class="relative h-24 w-24"> <div th:if="${not #strings.isEmpty(theme.config.sidebar.profile.logo)}" class="relative h-24 w-24">
<img th:src="${theme.config.sidebar.profile.logo}" th:alt="${site.title}" class="h-full w-full rounded-full" /> <img th:src="${theme.config.sidebar.profile.logo}" th:alt="${site.title}" class="size-full rounded-full" />
</div> </div>
<div><h1 class="text-2xl font-medium dark:text-slate-50" th:text="${site.title}"></h1></div> <div><h1 class="text-2xl font-medium dark:text-slate-50" th:text="${site.title}"></h1></div>
<div th:if="${not #strings.isEmpty(site.subtitle)}"> <div th:if="${not #strings.isEmpty(site.subtitle)}">

14
templates/moments.html
View File

@@ -42,7 +42,7 @@
th:src="${moment.owner.avatar ?: #theme.assets('/images/default-avatar.svg')}" th:src="${moment.owner.avatar ?: #theme.assets('/images/default-avatar.svg')}"
th:title="${moment.owner.displayName}" th:title="${moment.owner.displayName}"
th:alt="${moment.owner.displayName}" th:alt="${moment.owner.displayName}"
class="h-12 w-12 rounded-full" class="size-12 rounded-full"
/> />
<div class="ml-6" style="width: calc(100% - 4.75rem)"> <div class="ml-6" style="width: calc(100% - 4.75rem)">
<div <div
@@ -67,10 +67,10 @@
<video th:src="${media.url}" class="rounded-lg object-cover"></video> <video th:src="${media.url}" class="rounded-lg object-cover"></video>
<div <div
th:if="${#strings.equals(media.type,'VIDEO')}" th:if="${#strings.equals(media.type,'VIDEO')}"
class="absolute flex h-full w-full cursor-pointer items-center justify-center rounded-lg bg-gray-50 opacity-50 transition-all hover:opacity-70" class="absolute flex size-full cursor-pointer items-center justify-center rounded-lg bg-gray-50 opacity-50 transition-all hover:opacity-70"
@click="openVideoModal = true" @click="openVideoModal = true"
> >
<i class="i-tabler-play !h-7 !w-7"></i> <i class="i-tabler-play !size-7"></i>
</div> </div>
<template x-teleport="body"> <template x-teleport="body">
<div> <div>
@@ -124,8 +124,8 @@
x-bind:class="{'!text-red-700': upvoted(name)}" x-bind:class="{'!text-red-700': upvoted(name)}"
@click="handleUpvote(name)" @click="handleUpvote(name)"
> >
<i x-show="upvoted(name)" class="i-tabler-heart-filled h-3 w-3"></i> <i x-show="upvoted(name)" class="i-tabler-heart-filled size-3"></i>
<i x-show="!upvoted(name)" class="i-tabler-heart h-3 w-3"></i> <i x-show="!upvoted(name)" class="i-tabler-heart size-3"></i>
<span <span
class="ml-1" class="ml-1"
th:attr="data-upvote-moment-name=${moment.metadata.name}" th:attr="data-upvote-moment-name=${moment.metadata.name}"
@@ -138,11 +138,11 @@
:class="{'!text-black dark:!text-slate-300':showComment}" :class="{'!text-black dark:!text-slate-300':showComment}"
x-on:click="showComment = !showComment" x-on:click="showComment = !showComment"
> >
<i class="i-tabler-message-circle h-3 w-3"></i> <i class="i-tabler-message-circle size-3"></i>
<span class="ml-1" th:text="${moment.stats.approvedComment}"> </span> <span class="ml-1" th:text="${moment.stats.approvedComment}"> </span>
</div> </div>
<div class="inline-flex items-center text-sm text-gray-400 transition-all dark:text-slate-400"> <div class="inline-flex items-center text-sm text-gray-400 transition-all dark:text-slate-400">
<i class="i-tabler-calendar h-3 w-3"></i> <i class="i-tabler-calendar size-3"></i>
<span class="ml-1" th:text="${#dates.format(moment.spec.releaseTime,'yyyy-MM-dd')}"> </span> <span class="ml-1" th:text="${#dates.format(moment.spec.releaseTime,'yyyy-MM-dd')}"> </span>
</div> </div>
</div> </div>

6
templates/page.html
View File

@@ -20,7 +20,7 @@
th:if="${not #strings.isEmpty(singlePage.owner.avatar)}" th:if="${not #strings.isEmpty(singlePage.owner.avatar)}"
th:src="${singlePage.owner.avatar}" th:src="${singlePage.owner.avatar}"
th:alt="${singlePage.owner.displayName}" th:alt="${singlePage.owner.displayName}"
class="h-10 w-10 rounded-full" class="size-10 rounded-full"
/> />
</a> </a>
<div class="flex flex-col gap-0.5"> <div class="flex flex-col gap-0.5">
@@ -79,9 +79,9 @@
sec:authorize="isAuthenticated()" sec:authorize="isAuthenticated()"
th:href="|/console/single-pages/editor?name=${singlePage.metadata.name}&returnToView=true|" th:href="|/console/single-pages/editor?name=${singlePage.metadata.name}&returnToView=true|"
id="edit-button" id="edit-button"
class="fixed bottom-10 right-10 flex h-14 w-14 items-center justify-center rounded-full bg-[#4CCBA0] text-white shadow transition-all duration-300 hover:opacity-80 hover:shadow-lg" class="fixed bottom-10 right-10 flex size-14 items-center justify-center rounded-full bg-[#4CCBA0] text-white shadow transition-all duration-300 hover:opacity-80 hover:shadow-lg"
> >
<div class="i-tabler-edit !h-7 !w-7"></div> <div class="i-tabler-edit !size-7"></div>
</a> </a>
</th:block> </th:block>
</html> </html>

6
templates/post.html
View File

@@ -41,7 +41,7 @@
<img <img
th:if="${not #strings.isEmpty(post.owner.avatar)}" th:if="${not #strings.isEmpty(post.owner.avatar)}"
th:src="${post.owner.avatar}" th:src="${post.owner.avatar}"
class="h-10 w-10 rounded-full" class="size-10 rounded-full"
th:alt="${post.owner.displayName}" th:alt="${post.owner.displayName}"
/> />
</a> </a>
@@ -165,9 +165,9 @@
sec:authorize="isAuthenticated()" sec:authorize="isAuthenticated()"
th:href="|/console/posts/editor?name=${post.metadata.name}&returnToView=true|" th:href="|/console/posts/editor?name=${post.metadata.name}&returnToView=true|"
id="edit-button" id="edit-button"
class="fixed bottom-10 right-10 flex h-14 w-14 items-center justify-center rounded-full bg-[#4CCBA0] text-white shadow transition-all duration-300 hover:opacity-80 hover:shadow-lg" class="fixed bottom-10 right-10 flex size-14 items-center justify-center rounded-full bg-[#4CCBA0] text-white shadow transition-all duration-300 hover:opacity-80 hover:shadow-lg"
> >
<div class="i-tabler-edit !h-7 !w-7"></div> <div class="i-tabler-edit !size-7"></div>
</a> </a>
</th:block> </th:block>
</html> </html>