ui: Sidebar 380px breit, Special Searches als Cloud

Sidebar-Breite von 280px auf 380px erhöht. Special Searches nutzen
jetzt dasselbe flex-wrap Tag-Layout wie die Gruppen-Cloud.
This commit is contained in:
2026-08-07 16:04:53 +02:00
parent 30d8203d55
commit 565cd15b87
+8 -8
View File
@@ -5,7 +5,7 @@
position: fixed; position: fixed;
top: 136px; top: 136px;
right: 2rem; right: 2rem;
width: 280px; width: 380px;
background: #fff; background: #fff;
border-radius: 8px; border-radius: 8px;
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
@@ -15,18 +15,18 @@
} }
.special-search-link { .special-search-link {
display: block; display: inline-block;
padding: 0.75rem; padding: 0.25rem 0.6rem;
background: #f8f9fa; background: #e7f3ff;
border-radius: 6px;
color: #0066cc; color: #0066cc;
border-radius: 20px;
font-size: 0.8rem;
text-decoration: none; text-decoration: none;
font-size: 0.875rem;
transition: background 0.15s ease; transition: background 0.15s ease;
} }
.special-search-link:hover { .special-search-link:hover {
background: #e7f3ff; background: #d0e8ff;
text-decoration: underline; text-decoration: underline;
} }
@@ -84,7 +84,7 @@
</div> </div>
{% endif %} {% endif %}
<div class="sidebar-section-title">Special Searches</div> <div class="sidebar-section-title">Special Searches</div>
<div class="sidebar-section-list"> <div class="group-cloud">
<a href="/search/special?type=no_photo" class="special-search-link">ohne Bild</a> <a href="/search/special?type=no_photo" class="special-search-link">ohne Bild</a>
<a href="/search/special?type=no_city" class="special-search-link">ohne City</a> <a href="/search/special?type=no_city" class="special-search-link">ohne City</a>
<a href="/search/special?type=no_social" class="special-search-link">ohne Social</a> <a href="/search/special?type=no_social" class="special-search-link">ohne Social</a>