docs: link to ViteConf replay (#14970)

docs/.vitepress/theme/components/AsideSponsors.vue

@@ -20,14 +20,14 @@ const sponsors = computed(() => {
 <template>
   <a
     class="viteconf"
-    href="https://viteconf.org/23/?utm=vite-sidebar"
+    href="https://viteconf.org/23/replay?utm=vite-sidebar"
     target="_blank"
   >
     <img width="22" height="22" src="/viteconf.svg" />
     <span>
-      <p class="extra-info">Free Online Conference</p>
-      <p class="heading">ViteConf 23 - Oct 5</p>
-      <p class="extra-info">Get your ticket now!</p>
+      <p class="extra-info">Beyond Fast</p>
+      <p class="heading">ViteConf 2023</p>
+      <p class="extra-info">Watch the replay!</p>
     </span>
   </a>
   <VPDocAsideSponsors v-if="data" :data="sponsors" />
@@ -38,7 +38,6 @@ const sponsors = computed(() => {
   margin-top: 1rem;
   margin-bottom: 1rem;
   border-radius: 14px;
-  padding-left: 2.5rem;
   padding-top: 0.4rem;
   padding-bottom: 0.4rem;
   position: relative;
@@ -48,7 +47,8 @@ const sponsors = computed(() => {
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 0.75rem;
+  width: 100%;
+  gap: 1rem;
   background-color: var(--vp-c-bg-alt);
   border: 2px solid var(--vp-c-bg-alt);
   transition: border-color 0.5s;
@@ -57,8 +57,6 @@ const sponsors = computed(() => {
   border: 2px solid var(--vp-c-brand-light);
 }
 .viteconf img {
-  position: absolute;
-  left: 1.5rem;
   transition: transform 0.5s;
   transform: scale(1.25);
 }

docs/index.md

@@ -23,7 +23,7 @@ hero:
       link: https://github.com/vitejs/vite
     - theme: brand
       text: 🎉 ViteConf 23!
-      link: https://viteconf.org/23/?utm=vite-homepage
+      link: https://viteconf.org/23/replay?utm=vite-homepage
 
 features:
   - icon: 💡