From 96363c3fa81638d5bced7bbd26823b37600ab537 Mon Sep 17 00:00:00 2001
From: e11sy <Egoramurin@gmail.com>
Date: Mon, 8 Jul 2024 16:24:45 +0300
Subject: [PATCH] fixed input styles

---
 components/contact.vue        | 19 +++++++++++++++----
 components/site-footer-ru.vue |  4 ++--
 pages/ru.vue                  |  4 ++--
 3 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/components/contact.vue b/components/contact.vue
index 8ca9eec..df75b24 100644
--- a/components/contact.vue
+++ b/components/contact.vue
@@ -17,7 +17,7 @@
       </p>
       <div class="bottom-container">
         <div class="frame">
-          <input class="input-style" type="text" placeholder="dev@yourproduct.ru" />
+          <input :class="['input-style', inputActive && 'input-style-active']" type="text" placeholder="dev@yourproduct.ru" />
         </div>
         <button class="div-wrapper">
           <div class="text-wrapper-3">Получить информацию</div>
@@ -116,19 +116,19 @@ export default Vue.extend({
   display: flex;
   margin-right: 10px;
   gap: 10px;
-  flex: 1; /* Растягивает элемент до максимальной ширины */
+  flex-grow: 1; /* Растягивает элемент до максимальной ширины */
 }
 
 .div-wrapper {
   cursor: pointer;
   align-items: center;
   border-width: 0px;
+  width: max-content;
   background-color: #0d75d4; /* Цвет фона для div-wrapper */
   border-radius: 8px;
   display: inline-flex;
   gap: 10px;
   padding: 10px 12px;
-  flex: 1; /* Растягивает элемент до максимальной ширины */
   box-shadow: none;
 
   &:hover {
@@ -138,12 +138,23 @@ export default Vue.extend({
 
 .input-style {
   background-color: #242832; /* Цвет фона для input */
-  color: #ffffff4c; /* Цвет текста для input */
+  color: #DBE6FF; /* Цвет текста для input */
+  font-weight: 400;
+  width: 100%;
   border: none;
   border-radius: 8px;
   padding: 10px 16px;
   font-size: 16px;
   flex: 1; /* Занимает все доступное пространство внутри frame */
+
+  &-active {
+    background-color: #323B4C;
+
+    &::placeholder {
+      color: #DBE6FF;
+      opacity: 1;
+    }
+  }
 }
 
 .text-wrapper-3 {
diff --git a/components/site-footer-ru.vue b/components/site-footer-ru.vue
index 3fa47df..9d0845f 100644
--- a/components/site-footer-ru.vue
+++ b/components/site-footer-ru.vue
@@ -3,8 +3,8 @@
     <div class="footer__inner">
       <div class="footer__inner-text-1">Hawk</div>
       <div class="footer__inner-text-2">© 2018—2024</div>
-      <div>О проекте</div>
-      <div>Документация</div>
+      <a href="https://docs.hawk.so/hawk">О проекте</a>
+      <a href="https://docs.hawk.so/hawk">Документация</a>
     </div>
   </div>
 </template>
diff --git a/pages/ru.vue b/pages/ru.vue
index e524bd8..7558236 100644
--- a/pages/ru.vue
+++ b/pages/ru.vue
@@ -47,7 +47,7 @@
     <div class="content-blocks">
       <gridInfo/>
         <div class="contact-container">
-          <Contact title="Подключайтесь"
+          <Contact inputActive title="Подключайтесь"
           titleSize="medium"/>
         </div>
       </div>
@@ -336,7 +336,7 @@ export default Vue.extend({
 
     &-head {
       width: 830px;
-      margin: 170px auto 50px;
+      margin: 120px auto 50px;
       padding: 0 var(--layout-paddings-horisontal);
       display: flex;