From 1f34f566804800372652f13079aba8e933269728 Mon Sep 17 00:00:00 2001
From: Jun Shindo <46585162+jay-es@users.noreply.github.com>
Date: Fri, 23 Aug 2024 21:29:56 +0900
Subject: [PATCH] fix banner styles

---
 .vitepress/theme/components/AsideSponsors.vue | 23 +++++++++++++------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/.vitepress/theme/components/AsideSponsors.vue b/.vitepress/theme/components/AsideSponsors.vue
index 526faec4..c23c8ee2 100644
--- a/.vitepress/theme/components/AsideSponsors.vue
+++ b/.vitepress/theme/components/AsideSponsors.vue
@@ -34,7 +34,7 @@ const sponsors = computed(() => {
 </template>
 
 <style>
-.vite-event {
+.viteconf {
   margin-top: 1rem;
   margin-bottom: 1rem;
   border-radius: 14px;
@@ -53,26 +53,35 @@ const sponsors = computed(() => {
   border: 2px solid var(--vp-c-bg-alt);
   transition: border-color 0.5s;
 }
-.vite-event:hover {
+.viteconf:hover {
   border: 2px solid var(--vp-c-brand-light);
 }
-.vite-event img {
+.viteconf img {
   transition: transform 0.5s;
   transform: scale(1.25);
 }
-.vite-event:hover img {
+.viteconf:hover img {
   transform: scale(1.75);
 }
-.vite-event .heading {
-  background-image: var(--vp-home-hero-name-background);
+.viteconf .heading {
+  background-image: linear-gradient(
+    120deg,
+    #b047ff 16%,
+    var(--vp-c-brand-lighter),
+    var(--vp-c-brand-lighter)
+  );
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.vite-event .extra-info {
+.viteconf .extra-info {
   color: var(--vp-c-text-1);
+  opacity: 0;
   font-size: 0.7rem;
   padding-left: 0.1rem;
   transition: opacity 0.5s;
 }
+.viteconf:hover .extra-info {
+  opacity: 0.9;
+}
 </style>