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

iamFoxx · Jun 24, 2021 · 109885e · 109885e
1 parent 7d62344
commit 109885e
Showing 1 changed file with 8 additions and 1 deletion.
diff --git 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,13 +115,20 @@
 @media (min-width: 680px) {
   #vs .vs-core .vs-backpack {
     position: static;
+    margin-right: 0;
   }
 
   #vs .vs-core .vs-backpack img {
     height: 74px;
   }
 }
 
+@media (min-width: 900px) {
+  #vs .vs-core .vs-backpack {
+    margin-right: 14px;
+  }
+}
+
 #vs .vs-core .vs-slogan {
   color: #FFF;
   font-weight: bold;