fixed styles scope

codex-team · Jul 13, 2024 · a2e8a58 · a2e8a58
1 parent 9431e07
commit a2e8a58
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 16 deletions.
diff --git a/components/contact.vue b/components/contact.vue
@@ -91,7 +91,7 @@ export default Vue.extend({
 });
 </script>
 
-<style>
+<style scoped>
 @import url('@/assets/styles/variables.pcss');
 
 .box {
@@ -111,7 +111,6 @@ export default Vue.extend({
 
 .team-hawk-so-t-me {
   display: inline;
-  font-family: "Roboto-Regular", Helvetica;
   font-size: 16px;
   font-weight: 400;
   line-height: 23px;
@@ -131,7 +130,6 @@ a {
 
 .div {
   color: #f2f6ff;
-  font-family: "Roboto-Bold", Helvetica;
   font-weight: 700;
   margin-bottom: 20px;
   white-space: nowrap;
@@ -226,7 +224,6 @@ a {
 .text-wrapper-3 {
   cursor: pointer;
   color: #f2f6ff;
-  font-family: "Roboto-Regular", Helvetica;
   font-size: 16px;
   font-weight: 400;
   white-space: nowrap;

diff --git a/components/features.vue b/components/features.vue
@@ -135,15 +135,16 @@ export default Vue.extend({
       background-image: linear-gradient(90deg,#98c9ff,#d7eaff);
       color: transparent;
 
+      @media (--screen-middle) {
+        line-height: 30px;
+        margin: 8px 0 21px;
+      }
+
       @media (--screen-small) {
         font-size: 24px;
-        margin-bottom: 0px;
+        margin-bottom: 7px;
         padding-top: 10px;
       }
-
-      @media (--screen-middle) {
-        line-height: 30px;
-      }
     }
 
     &-description {

diff --git a/components/grid-info.vue b/components/grid-info.vue
@@ -85,7 +85,7 @@ export default Vue.extend({
 });
 </script>
 
-<style>
+<style scoped>
 @import url('@/assets/styles/variables.pcss');
 .grid {
   display: grid;

diff --git a/components/site-header-ru.vue b/components/site-header-ru.vue
@@ -173,8 +173,7 @@ export default Vue.extend({
         gap: 10px;
         background: linear-gradient(248.21deg, #0075FF 25.68%, #B56BFF 107.97%);
 
-        text-container {
-          font-family: 'Roboto';
+        .text-container {
           font-weight: 500;
           font-size: 15px;
           line-height: 30px;

diff --git a/pages/ru.vue b/pages/ru.vue
@@ -407,28 +407,30 @@ export default Vue.extend({
           font-weight: 700;
           width: 100%;
           line-height: 30px;
+          gap: 40px;
           font-size: 22px;
           margin-top: 13px;
 
+          @media (--screen-middle) {
+            gap: 20px;
+          }
+
           @media (--screen-mobile) {
             display: grid;
             font-weight: 600;
             font-size: 16px;
+            gap: 0px;
           }
 
           &-text {
             flex: 1 0 auto;
-            font-family: "Roboto-Bold", Helvetica;
-            left: 0;
             letter-spacing: 0;
-            top: 0;
             white-space: nowrap;
           }
         }
 
         .description {
           font-weight: 500;
-          font-family: "Roboto-Medium", "Helvetica";
           color: #dbe6ffce;
           letter-spacing: 0.33px;
           font-size: 20px;