docs(docs): Update Vue School Summer Sale banner (#1012)

diff --git a/docs/.vitepress/components/BannerTop.vue b/docs/.vitepress/components/BannerTop.vue
index f8a000e20644fd7ead8c6aa889ed944e3e277ba5..e93dc1939a9b55de13b20eee3e06178db11c4b56 100644 (file)
--- a/docs/.vitepress/components/BannerTop.vue
+++ b/docs/.vitepress/components/BannerTop.vue
@@ -11,7 +11,7 @@
         <img src="/images/vueschool/vs-backpack.png" alt="Backpack">
       </div>
       <div class="vs-slogan">
-        Less than <span class="vs-slogan-light">48 hours</span> left for the Vue School offer
+        Extended! <span class="vs-slogan-light">Last few hours</span> for the Vue School offer
       </div>
       <div class="vs-button">
         GET ACCESS
@@ -115,6 +115,7 @@
 @media (min-width: 680px) {
   #vs .vs-core .vs-backpack {
     position: static;
+    margin-right: 0;
   }
 
   #vs .vs-core .vs-backpack img {
@@ -122,6 +123,12 @@
   }
 }
 
+@media (min-width: 900px) {
+  #vs .vs-core .vs-backpack {
+    margin-right: 14px;
+  }
+}
+
 #vs .vs-core .vs-slogan {
   color: #FFF;
   font-weight: bold;