diff options
| author |  Joe Banks <[email protected]> | 2024-04-29 14:42:23 +0100 |
|---|---|---|
| committer | Joe Banks <[email protected]> | 2024-04-29 14:42:23 +0100 |
| commit | 3ff19488f1d676ff53256cb38d021186e4646c8b (patch) | |
| tree | ff0724bdbae44fe01f68cdb6493aa569b3c7f368 | |
| parent | Actually sort services alphabetically (diff) | |
Update tag styles
| -rw-r--r-- | src/components/service.tsx | 2 | ||||
| -rw-r--r-- | src/pages/index.tsx | 3 |
2 files changed, 4 insertions, 1 deletions
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; } ` |