Additional styling for search page again

This is such a weird page
This commit is contained in:
Lim Chee Aun 2023-02-12 19:29:27 +08:00
parent ac30963ddf
commit 08be313757
2 changed files with 15 additions and 1 deletions

View file

@ -1,3 +1,6 @@
#search-page .deck > header .header-grid {
grid-template-columns: auto 1fr auto;
}
#search-page header input { #search-page header input {
width: 100%; width: 100%;
padding: 8px 16px; padding: 8px 16px;
@ -24,6 +27,17 @@
align-items: center; align-items: center;
} }
ul.link-list.hashtag-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
}
ul.link-list.hashtag-list li a {
border-radius: var(--radius);
}
@media (min-width: 40em) { @media (min-width: 40em) {
#search-page header input { #search-page header input {
background-color: var(--bg-color); background-color: var(--bg-color);

View file

@ -97,7 +97,7 @@ function Search() {
)} )}
<h2 class="timeline-header">Hashtags</h2> <h2 class="timeline-header">Hashtags</h2>
{hashtagResults.length > 0 ? ( {hashtagResults.length > 0 ? (
<ul class="link-list"> <ul class="link-list hashtag-list">
{hashtagResults.map((hashtag) => ( {hashtagResults.map((hashtag) => (
<li> <li>
<Link <Link