Make errors less visible

This commit is contained in:
Carter McBride 2024-08-23 15:06:42 -06:00
parent 67eaad2819
commit f98eb00a97

View file

@ -125,6 +125,16 @@ const categoriesSelectorCss = categories
> >
<h1 class="">Carter's RSS Feeds</h1> <h1 class="">Carter's RSS Feeds</h1>
<hr class="flex-grow h-px border-0 border-b-2 border-b-stone-500" /> <hr class="flex-grow h-px border-0 border-b-2 border-b-stone-500" />
<ul>
<li>
<a
href="https://github.com/carterworks/rss-reader"
target="_blank"
rel="noopener noreferrer"
class="underline cursor-pointer">Github</a
>
</li>
</ul>
</header> </header>
<nav <nav
id="category-picker" id="category-picker"
@ -210,28 +220,20 @@ const categoriesSelectorCss = categories
} }
</ul> </ul>
</main> </main>
<footer class="sticky bottom-4 mt-4 md:mt-0 text-sm row-end-13 row-span-1"> <footer
class="sticky bottom-4 mt-4 md:mt-0 text-sm row-end-13 row-span-1 col-span-2 h-8 opacity-25 hover:opacity-100 transition-opacity"
>
{ {
feedItems.errors.length === 0 ? ( feedItems.errors.length === 0 ? (
<>No errors</> <>No errors</>
) : ( ) : (
<ul> <ul class="">
{feedItems.errors.map((error) => ( {feedItems.errors.map((error) => (
<li class="break-words">{error}</li> <li class="break-words">{error}</li>
))} ))}
</ul> </ul>
) )
} }
<ul>
<li>
<a
href="https://github.com/carterworks/rss-reader"
target="_blank"
rel="noopener noreferrer"
class="underline cursor-pointer">Github</a
>
</li>
</ul>
</footer> </footer>
</body> </body>
</html> </html>