feat: header and spare time transition colors as well

2022-01-09 22:18:15 -08:00 · 2022-01-09 22:18:15 -08:00 · dbe68a5f36
parent 094866afbb
commit dbe68a5f36
2 changed files with 2 additions and 0 deletions
--- a/components/TimeHeader.vue
+++ b/components/TimeHeader.vue
@ -45,6 +45,7 @@ header {
  grid-template-columns: 1fr 1fr 1fr;
  min-width: 18rem;
  width: 100%;
+  transition: background-color 2000ms, color 2000ms;
 }
@media (min-width: 768px) {
  header {
--- a/layouts/default.vue
+++ b/layouts/default.vue
@ -130,5 +130,6 @@ main {
 .spare-time {
  background: rgba(2555, 255, 255, 0.6);
  box-shadow: 0px 0px 21px 3px #fff;
+  transition: color 2000ms;
 }
 </style>