update: increase density of quick search

This commit is contained in:
Roardom
2025-02-13 10:44:59 +00:00
parent e45231b124
commit 211ea33a38
2 changed files with 21 additions and 9 deletions
+8 -2
View File
@@ -86,7 +86,7 @@
}
.quick-search__result-link {
padding: 12px;
padding: 4px 8px;
}
.quick-search__result--empty,
@@ -108,13 +108,19 @@
.quick-search__result-text {
margin: 0;
padding: 5px 10px;
padding: 2px 10px;
display: grid;
align-items: center;
align-content: center;
row-gap: 2px;
font-size: 13px;
font-weight: normal;
}
.quick-search__result-name {
line-height: 1.3;
}
.quick-search__result-year {
color: var(--quick-search-result-year-fg);
font-size: 13px;
@@ -29,15 +29,21 @@
<a class="quick-search__result-link" :href="result.url">
<img class="quick-search__image" :src="result.image" alt="" />
<h2 class="quick-search__result-text">
<span x-text="result.name"></span>
<time
class="quick-search__result-year"
x-text="result.year"
></time>
<span
class="quick-search__result-type"
x-text="result.type"
class="quick-search__result-name"
x-text="result.name"
></span>
<span x-show="result.type != 'Person'">
<time
class="quick-search__result-year"
x-text="result.year"
></time>
&bull;
<span
class="quick-search__result-type"
x-text="result.type"
></span>
</span>
</h2>
</a>
</article>