diff --git a/src/components/Library.astro b/src/components/Library.astro index ab7780f..fb421c4 100644 --- a/src/components/Library.astro +++ b/src/components/Library.astro @@ -61,11 +61,6 @@ export interface Props { const link = document.createElement('a'); let responseText; - - /** - * TODO: determine when & how to revalidate - */ - const fullResponse = await cache.match(url) if (!fullResponse && url.slice(0, url.length - 1) !== baseUrl && !skipSave && !includesAppURL) { logInfo('updating cached', {context: 'cozy-reader', data: url}) @@ -136,14 +131,13 @@ export interface Props { } } #post-list { - margin: 0; list-style: none; padding-left: 0; + display: grid; + gap: 0.5em; li { - margin: 0; - a { text-decoration: none; color: #000; @@ -153,19 +147,8 @@ export interface Props { } .post-card { - padding-bottom: 1rem; - grid-template-columns: calc(70px + 0.5em) auto; display: grid; - margin: 0; - - p { - margin: 0; - } - - .post-card__image, - .post-card__content { - margin: 0; - } + grid-template-columns: calc(70px + 0.5em) auto; .post-card__image { img, svg { @@ -173,12 +156,13 @@ export interface Props { height: 70px; object-fit: cover; border-radius: 5px; - border: 1px solid #eee; - margin: 0; + border: 2px solid rgb(var(--gray)); + background-color: rgb(var(--gray)); + margin: 0.15rem 0; } svg { - color: #ccc; - padding: 0.5rem; + color: rgb(var(--gray-light)); + padding: 0.5em; } } @@ -194,7 +178,6 @@ export interface Props { -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; - margin: 0 0 5px; } .post-card__meta, .post-card__description {