mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-03-14 04:08:32 +03:00
Code Issues Projects Releases Packages Wiki Activity

Additional styling for search page again

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/pages/search.css
View file

@ -1,3 +1,6 @@
#search-page .deck > header .header-grid {
grid-template-columns: auto 1fr auto;
}
#search-page header input {
width: 100%;
padding: 8px 16px;
@ -24,6 +27,17 @@
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) {
#search-page header input {
background-color: var(--bg-color);

2
src/pages/search.jsx
View file

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