boost/website-v2
2
0
Fork 0
mirror of https://github.com/boostorg/website-v2.git synced 2026-02-26 17:22:09 +00:00
Code Issues Projects Releases Wiki Activity

🎨 style search results

Browse Source 
Issue: #88
This commit is contained in:
Greg Newman
2023-02-24 10:04:44 -05:00
parent 0d18e76692
commit 0bbc906721
2 changed files with 3 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
static/css/styles.css
View File

@@ -2075,11 +2075,6 @@ input[type=file] {
color: rgb(181 201 211 / var(--tw-text-opacity));
}
.text-gray-500 {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-200 {
--tw-text-opacity: 1;
color: rgb(229 231 235 / var(--tw-text-opacity));
@@ -2146,11 +2141,6 @@ input[type=file] {
background-color: rgb(255 159 0 / var(--tw-bg-opacity));
}
.hover\:bg-gray-500:hover {
--tw-bg-opacity: 1;
background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}
.hover\:bg-slate:hover {
--tw-bg-opacity: 1;
background-color: rgb(49 74 87 / var(--tw-bg-opacity));

7
templates/libraries/includes/search_results.html
View File

@@ -1,13 +1,12 @@
{% for library in libraries %}
<li class="flex items-center py-2 px-3 rounded-md cursor-default select-none group hover:bg-slate">
<!-- Active: "text-white", Not Active: "text-gray-500" -->
<!-- Heroicon name: outline/folder -->
<svg class="flex-none w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<svg class="flex-none w-6 h-6 text-green" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12.75V12A2.25 2.25 0 014.5 9.75h15A2.25 2.25 0 0121.75 12v.75m-8.69-6.44l-2.12-2.12a1.5 1.5 0 00-1.061-.44H4.5A2.25 2.25 0 002.25 6v12a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9a2.25 2.25 0 00-2.25-2.25h-5.379a1.5 1.5 0 01-1.06-.44z" />
</svg>
<span class="flex-auto ml-3 truncate">
<a href="{% url 'library-detail' slug=library.slug %}">
<span class="font-bold">{{ library.name|capfirst }}</span> <span class="font-light text-white/70">{{ library.description }}</span>
<span class="font-bold text-orange">{{ library.name|capfirst }}</span> <span class="font-light text-white/70">{{ library.description }}</span>
</a>
</span>
<!-- Not Active: "hidden" -->
@@ -19,6 +18,6 @@
<svg class="mx-auto w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12.75V12A2.25 2.25 0 014.5 9.75h15A2.25 2.25 0 0121.75 12v.75m-8.69-6.44l-2.12-2.12a1.5 1.5 0 00-1.061-.44H4.5A2.25 2.25 0 002.25 6v12a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9a2.25 2.25 0 00-2.25-2.25h-5.379a1.5 1.5 0 01-1.06-.44z" />
</svg>
<p class="mt-4 text-sm text-gray-200">We couldn't find any libraries with that term. Please try again.</p>
<p class="mt-4 text-sm text-gray-200">We couldn't find any libraries with that search term. Please try again.</p>
</div>
{% endfor %}