Merge pull request #10 from wirenboard/bugfix/scroll-behavior

fix scroll behavioe
wirenboard · Jan 30, 2025 · bc7471e · bc7471e
2 parents 3a1b5eb + ab720fb
commit bc7471e
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 11 deletions.
diff --git a/assets/css/globals.css b/assets/css/globals.css
@@ -19,6 +19,11 @@ main {
   margin: 0 auto;
   font-size: 18px;
   font-family: 'Ubuntu', sans-serif;
+  width: 100%;
+
+  @media (max-width: 1280px) {
+    overflow-x: hidden;
+  }
 
   @media (max-width: 1024px) {
     padding: 0 20px;
@@ -92,15 +97,13 @@ details summary::-webkit-details-marker {
 }
 
 .spotlight {
-  background: #6AC40B;
-  filter: blur(70px);
+  position: absolute;
+  width: 180px;
+  height: 180px;
   margin: -200px 150px 220px;
   opacity: 0.4;
-  width: 100%;
-  max-width: 180px;
-  height: 100%;
-  max-height: 180px;
-  position: absolute;
+  background: #6AC40B;
+  filter: blur(70px);
   z-index: -1;
 
   @media (max-width: 290px) {

diff --git a/src/about.vue b/src/about.vue
@@ -70,7 +70,7 @@ onMounted(() => {
         <div class="about-item-description">В 2024 году каждый 12 участник получил подарок от Wiren Board и партнеров: различные устройства и&nbsp;сертификаты.<br />Главным призом стал <a href="https://wirenboard.com/ru/product/wiren-board-8_5/" target="_blank">контроллер Wiren Board 8</a>.</div>
       </li>
     </ul>
-    <div class="spotlight spotlight-about spotlight-right spotlight-top" />
+    <div class="spotlight about-spotlight spotlight-right spotlight-top" />
   </article>
 </template>
 
@@ -152,7 +152,7 @@ onMounted(() => {
   }
 }
 
-.spotlight-about {
+.about-spotlight {
   transform: scaleY(0.7);
   right: -150px;
 }

diff --git a/src/themes.vue b/src/themes.vue
@@ -30,7 +30,7 @@
         Автоматизация<br />многоквартирных домов
       </li>
     </ul>
-    <div class="spotlight spotlight-themes" />
+    <div class="spotlight themes-spotlight" />
   </article>
 </template>
 
@@ -70,7 +70,7 @@
   align-items: center;
 }
 
-.spotlight-themes {
+.themes-spotlight {
   bottom: -400px;
   left: -150px
 }