Some stuff

This commit is contained in:
Simon Martens
2025-09-29 22:20:39 +02:00
parent ff333660be
commit fdfe95a225
4 changed files with 17 additions and 3 deletions

View File

@@ -799,7 +799,7 @@ class SearchBar extends HTMLElement {
<div
id="search-loading"
class="absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 p-1 htmx-indicator">
<i class="ri-loader-4-line text-lg animate-spin"></i>
<i class="ri-loader-4-line text-lg animate-spin search-loading-spin"></i>
</div>
<button
id="search-reset"

View File

@@ -237,6 +237,20 @@ body.page-edition::before {
font-variant-caps: small-caps;
}
/* Search loading spinner animation */
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.search-loading-spin {
animation: spin 1s linear infinite;
}
@layer components {
html {
font-size: 17px;