diff options
author | Helianthella <git@gumi.ca> | 2020-12-25 22:37:30 -0500 |
---|---|---|
committer | Helianthella <git@gumi.ca> | 2020-12-25 22:37:30 -0500 |
commit | 618691cbce7932e1ca4e79873b7b5b3550dc51a9 (patch) | |
tree | 16c087d57c9dde169d1266df4319aca934230db9 /src/components/ServerStatus.vue | |
parent | 965059649ff6de8849f5091435befddba18ced93 (diff) | |
download | website-618691cbce7932e1ca4e79873b7b5b3550dc51a9.tar.gz website-618691cbce7932e1ca4e79873b7b5b3550dc51a9.tar.bz2 website-618691cbce7932e1ca4e79873b7b5b3550dc51a9.tar.xz website-618691cbce7932e1ca4e79873b7b5b3550dc51a9.zip |
further improve accessibility
Diffstat (limited to 'src/components/ServerStatus.vue')
-rw-r--r-- | src/components/ServerStatus.vue | 17 |
1 files changed, 14 insertions, 3 deletions
diff --git a/src/components/ServerStatus.vue b/src/components/ServerStatus.vue index d9d23b2..dd4eaa7 100644 --- a/src/components/ServerStatus.vue +++ b/src/components/ServerStatus.vue @@ -9,13 +9,24 @@ <style scoped> aside :any-link { text-decoration: none; - text-shadow: 0 0 1ch #e1d6cf; - color: green; + color: #0E490B; display: block; padding: 8px; &.offline { - color: #d42424; + color: #810909; + + &:is(:hover, :focus)::before { + content: "⚠️"; + padding-right: 1em; + opacity: .6; + } + + &:is(:hover, :focus):after { + content: "⚠️"; + padding-left: 1em; + opacity: .6; + } } } </style> |