From 3ff19488f1d676ff53256cb38d021186e4646c8b Mon Sep 17 00:00:00 2001 From: Joe Banks Date: Mon, 29 Apr 2024 14:42:23 +0100 Subject: Update tag styles --- src/components/service.tsx | 2 +- src/pages/index.tsx | 3 +++ 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/src/components/service.tsx b/src/components/service.tsx index 57ec6ab..79b8648 100644 --- a/src/components/service.tsx +++ b/src/components/service.tsx @@ -32,7 +32,7 @@ const DimmedURL = styled.span` `; export const Tag = styled.span` - background-color: #c4c4c4; + background-color: rgba(110, 119, 255, 0.39); color: #000; font-weight: 600; font-family: monospace; diff --git a/src/pages/index.tsx b/src/pages/index.tsx index eb65fc6..2099902 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -27,6 +27,8 @@ const LargerTag = styled(Tag)` font-size: 1.2em; transition: filter 0.2s, transform 0.2s; cursor: pointer; + background-color: rgb(195, 195, 245); + border: 2px solid black; @media (max-width: 600px) { font-size: 1em; @@ -41,6 +43,7 @@ const LargerTag = styled(Tag)` &.active { background-color: #333; color: #fff; + border: 2px solid #fff; } ` -- cgit v1.2.3