From cc3f0f4e1c95dee210a724a12938fcd3eae39206 Mon Sep 17 00:00:00 2001
From: e11sy <Egoramurin@gmail.com>
Date: Wed, 10 Jul 2024 17:03:42 +0300
Subject: [PATCH] paddings fixed

---
 components/contact.vue   | 29 ++++++++++++++---------------
 components/grid-info.vue |  1 +
 pages/ru.vue             |  5 +++--
 3 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/components/contact.vue b/components/contact.vue
index 836c0ee..512f989 100644
--- a/components/contact.vue
+++ b/components/contact.vue
@@ -78,25 +78,25 @@ export default Vue.extend({
 .contact {
   display: flex;
   flex-direction: column;
-  align-items: flex-start; /* Выравнивание по левому краю */
-  text-align: left; /* Выравнивание текста по левому краю */
-  width: 100%; /* Занимает всю ширину родительского блока */
+  align-items: flex-start;
+  text-align: left;
+  width: 100%;
 }
 
 .team-hawk-so-t-me {
-  display: inline; /* Обычное поведение текста */
+  display: inline;
   font-family: "Roboto-Regular", Helvetica;
   font-size: 16px;
   font-weight: 400;
   line-height: 23px;
   color: #f2f6ff;
-  margin-bottom: 20px;
-  word-break: break-word; /* Позволяет переносить длинные слова */
+  margin-bottom: 16px;
+  word-break: break-word;
 }
 
 .text-wrapper,
 .span {
-  display: inline; /* Устанавливаем inline, чтобы они вели себя как обычный текст */
+  display: inline;
 }
 
 .text-wrapper {
@@ -125,19 +125,18 @@ export default Vue.extend({
 
 .bottom-container {
   display: flex;
-  justify-content: space-between; /* Размещает элементы на одной строке */
+  justify-content: space-between;
   width: 100%;
-  margin-top: 10px; /* Небольшой отступ между frame и div-wrapper */
 }
 
 .frame {
   align-items: center;
-  background-color: #242832; /* Цвет фона для frame */
+  background-color: #242832;
   border-radius: 8px;
   display: flex;
   margin-right: 10px;
   gap: 10px;
-  flex-grow: 1; /* Растягивает элемент до максимальной ширины */
+  flex-grow: 1;
 }
 
 .div-wrapper {
@@ -145,7 +144,7 @@ export default Vue.extend({
   align-items: center;
   border-width: 0px;
   width: max-content;
-  background-color: #0d75d4; /* Цвет фона для div-wrapper */
+  background-color: #0d75d4;
   border-radius: 8px;
   display: inline-flex;
   gap: 10px;
@@ -158,15 +157,15 @@ export default Vue.extend({
 }
 
 .input-style {
-  background-color: #242832; /* Цвет фона для input */
-  color: #DBE6FF; /* Цвет текста для input */
+  background-color: #242832;
+  color: #DBE6FF;
   font-weight: 400;
   width: 100%;
   border: none;
   border-radius: 8px;
   padding: 10px 16px;
   font-size: 16px;
-  flex: 1; /* Занимает все доступное пространство внутри frame */
+  flex: 1;
 
   &-active {
     background-color: #323B4C;
diff --git a/components/grid-info.vue b/components/grid-info.vue
index 9c94b13..40a7914 100644
--- a/components/grid-info.vue
+++ b/components/grid-info.vue
@@ -119,6 +119,7 @@ export default Vue.extend({
   font-family: "Roboto";
   font-size: 24px;
   line-height: 28.13px;
+  font-weight: 700;
   color: #DBE6FF;
   text-align: center;
 }
diff --git a/pages/ru.vue b/pages/ru.vue
index 7558236..05648d2 100644
--- a/pages/ru.vue
+++ b/pages/ru.vue
@@ -24,14 +24,15 @@
           </div>
           <div>
           </div>
-          <div class="landing__content-preview">
+          <div class="landing__content-preview" :style="`transform: translateY(${Math.max(0, 150 - scroll * 0.35)}px)`">
             <img src="~/assets/images/hawk-desktop.png" alt="Hawk desktop preview">
           </div>
         </div>
         <br/>
         <Contact
         title="Свяжитесь с нами"
-        titleSize="small"/>
+        titleSize="small"
+        style="margin-top: 115px;"/>
       </div>
       <div class="section section--with-gradient">
         <div class="section__content">