diff --git a/src/app.css b/src/app.css index 4fc3151b..a728da2b 100644 --- a/src/app.css +++ b/src/app.css @@ -1223,27 +1223,47 @@ ul.link-list { list-style: none; padding: 16px; margin: 0; + display: flex; + flex-direction: column; + gap: 1px; } ul.link-list li { padding: 0; margin: 0; } ul.link-list li a { + --radius: 8px; display: block; background-color: var(--bg-faded-color); - border-radius: 8px; line-height: 1.25; padding: 12px; text-decoration: none; line-height: 1.4; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; font-weight: 500; + display: flex; + align-items: center; + gap: 8px; +} +ul.link-list li:first-child a { + border-top-left-radius: var(--radius); + border-top-right-radius: var(--radius); +} +ul.link-list li:last-child a { + border-bottom-left-radius: var(--radius); + border-bottom-right-radius: var(--radius); +} +ul.link-list li a:is(:hover, :focus) { + color: var(--text-color); +} +ul.link-list li a:active { + filter: brightness(0.9); } ul.link-list li a * { vertical-align: middle; } +ul.link-list li a .icon { + flex-shrink: 0; +} @media (min-width: 40em) { ul.link-list li a { diff --git a/src/components/menu.jsx b/src/components/menu.jsx index 461263d8..90048eca 100644 --- a/src/components/menu.jsx +++ b/src/components/menu.jsx @@ -41,9 +41,9 @@ function NavMenu(props) { Favourites - {/* + Search - */} + Local diff --git a/src/pages/search.jsx b/src/pages/search.jsx index 19154c4b..be1d4028 100644 --- a/src/pages/search.jsx +++ b/src/pages/search.jsx @@ -4,6 +4,7 @@ import { useEffect, useRef, useState } from 'preact/hooks'; import { useSearchParams } from 'react-router-dom'; import Avatar from '../components/avatar'; +import Icon from '../components/icon'; import Link from '../components/link'; import Loader from '../components/loader'; import Menu from '../components/menu'; @@ -54,6 +55,8 @@ function Search() { const { q } = e.target; if (q.value) { setSearchParams({ q: q.value }); + } else { + setSearchParams({}); } }} > @@ -91,7 +94,7 @@ function Search() { )}

Hashtags

{hashtagResults.length > 0 ? ( -