From 73467b3e7c0ada841a649bb65048e00d747335f3 Mon Sep 17 00:00:00 2001 From: Alicia Sykes Date: Mon, 25 Mar 2024 11:21:06 +0000 Subject: [PATCH] Styling tweaks --- web/src/components/things/ServiceCard.astro | 6 ++++-- web/src/layouts/Layout.astro | 3 ++- web/src/pages/[category].astro | 1 + web/src/pages/about.astro | 2 +- web/src/pages/all.astro | 3 ++- web/src/pages/browse.astro | 1 + web/src/pages/sitemap.astro | 3 ++- 7 files changed, 13 insertions(+), 6 deletions(-) diff --git a/web/src/components/things/ServiceCard.astro b/web/src/components/things/ServiceCard.astro index 335a854..d2c84d6 100644 --- a/web/src/components/things/ServiceCard.astro +++ b/web/src/components/things/ServiceCard.astro @@ -135,6 +135,8 @@ const { gap: 0.5rem; img { border-radius: var(--curve-sm); + font-size: 0.6rem; + color: var(--accent); } :global(p) { display: -webkit-box; @@ -157,7 +159,7 @@ const { display: inline-flex; align-items: center; gap: 0.25rem; - opacity: 0.7; + opacity: 0.85; text-decoration: none; max-width: 50%; min-width: 25%; @@ -166,7 +168,7 @@ const { } &:hover { text-decoration: underline; - opacity: 0.8; + opacity: 1; } :global(svg) { width: 1rem; diff --git a/web/src/layouts/Layout.astro b/web/src/layouts/Layout.astro index f79de61..e7b5d1e 100644 --- a/web/src/layouts/Layout.astro +++ b/web/src/layouts/Layout.astro @@ -22,7 +22,7 @@ const { --- - + @@ -93,4 +93,5 @@ const { /* background: -webkit-radial-gradient(circle, var(--bg-gradient-comp-1) 0%, var(--bg-gradient-comp-2) 100%); background: radial-gradient(circle, var(--bg-gradient-comp-1) 0%, var(--bg-gradient-comp-2) 100%); */ } + diff --git a/web/src/pages/[category].astro b/web/src/pages/[category].astro index 0b7ccee..f65ede5 100644 --- a/web/src/pages/[category].astro +++ b/web/src/pages/[category].astro @@ -51,6 +51,7 @@ const { previous, next } = makePaginationLinks();
+ Browse All
{ previous ? (
@@ -218,6 +218,7 @@ h2 { font-size: 1rem; box-shadow: 3px 3px 0 var(--box-outline); color: var(--accent-3); + background: var(--background-form); &:focus { outline: none; box-shadow: 4px 4px 0 var(--box-outline);