From b8e84ff68c705eb8b23d88f814c146b589a4036b Mon Sep 17 00:00:00 2001 From: Ayo Date: Sat, 27 May 2023 22:09:04 +0200 Subject: [PATCH] style: typography adjustments --- src/components/Card.astro | 6 +++- src/components/Footer.astro | 6 ++-- src/components/Nav.astro | 30 +++++-------------- src/layouts/Layout.astro | 14 ++++++++- src/pages/404.astro | 11 ++++--- src/pages/index.astro | 14 ++++----- src/pages/now/and-then/index.astro | 6 +--- src/pages/now/and-then/posts/09-20-2022.astro | 6 +--- src/pages/now/index.astro | 7 +---- src/pages/social.astro | 6 +--- 10 files changed, 46 insertions(+), 60 deletions(-) diff --git a/src/components/Card.astro b/src/components/Card.astro index 82fe815..6a425f4 100644 --- a/src/components/Card.astro +++ b/src/components/Card.astro @@ -50,7 +50,6 @@ const { href, title, rel, body, newTab = false } = Astro.props; .link-card > a { width: 100%; text-decoration: none; - line-height: 1.4; padding: 1em 1.3em; border-radius: 0.35rem; color: var(--text-color); @@ -61,6 +60,11 @@ const { href, title, rel, body, newTab = false } = Astro.props; h2 { margin: 0; transition: color 0.6s cubic-bezier(0.22, 1, 0.36, 1); + + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + overflow: hidden; } p { diff --git a/src/components/Footer.astro b/src/components/Footer.astro index a23a098..d234019 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -8,8 +8,10 @@ diff --git a/src/components/Nav.astro b/src/components/Nav.astro index ef56f77..b58ada2 100644 --- a/src/components/Nav.astro +++ b/src/components/Nav.astro @@ -6,8 +6,6 @@ export type Link = { newTab?: boolean; }; -const url = Astro.url.pathname.toString(); - export interface Props { links: Array; } @@ -15,15 +13,8 @@ export interface Props { const { links } = Astro.props; --- -
-
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 6591750..9ad346a 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -10,6 +10,10 @@ export interface Props { const { title, description } = Astro.props; const links: Link[] = [ + { + url: "/", + icon: "home", + }, { url: "https://ayos.blog", icon: "blog", @@ -35,10 +39,10 @@ const links: Link[] = [