mobile menu improved

Author: neSpecc

components/site-header.vue

@@ -18,6 +18,9 @@
       </a>
       <div class="site-header__right">
         <div class="site-header__menu">
+          <span class="site-header__menu-cross" @click="toggleMobileMenu">
+            <IconCross />
+          </span>
           <a href="https://codex.so/hawk-overview">О проекте</a>
           <a href="https://docs.hawk-tracker.ru/">Документация</a>
           <a href="/pricing.pdf" target="_blank">Цены</a>
@@ -30,6 +33,7 @@
           type="primary"
           size="small"
           :link="headerSignupButton()"
+          class="desktop-only"
         >
           Начать
         </Button>
@@ -145,6 +149,20 @@ export default Vue.extend({
         display: none;
       }
 
+      &-cross {
+        float: right;
+        width: 40px;
+        height: 40px;
+        display: none;
+        align-items: center;
+        justify-content: center;
+        border-radius: 50%;
+
+        @media (--screen-mobile) {
+          display: flex;
+        }
+      }
+
       ^&--menu-showed & {
         @media (--screen-mobile) {
           display: block;

pages/index.vue

@@ -126,34 +126,34 @@
         Доступные цены
       </template>
       <template #description>
-        Пользуйтесь бесплатно или от 99 ₽
+        Пользуйтесь бесплатно или от 99 ₽
       </template>
       <template #content>
         <div class="block-inner-container">
           <div class="block-content-container">
             <div class="prices">
               <div class="prices__item">
                 <FeatureTitle
-                  title="Бесплатно для стартапов"
-                  description="До 1000 ивентов в месяц"
+                  title="Бесплатно для стартапов"
+                  description="До 1000 ивентов в месяц"
                 />
               </div>
               <div class="prices__item">
                 <FeatureTitle
-                  title="От 99 ₽ в месяц"
-                  description="скидки крупным клиентам"
+                  title="От 99 ₽ в месяц"
+                  description="скидки крупным клиентам"
                 />
               </div>
               <div class="prices__item">
                 <FeatureTitle
                   title="Оплата картой"
-                  description="Все банки РФ + СБП"
+                  description="Все банки РФ + СБП"
                 />
               </div>
               <div class="prices__item">
                 <FeatureTitle
-                  title="Оплата по счету"
-                  description="По реквизитам компании"
+                  title="Оплата по счету"
+                  description="По реквизитам компании"
                 />
               </div>
             </div>