From a02662de4db8d5a91419d5953016d0c782f5258d Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Tue, 14 Nov 2023 21:40:48 +0300
Subject: [PATCH] change styles for bg in header and home

---
 luckydiamond/src/pages/HeaderElement.vue | 12 +++++-----
 luckydiamond/src/pages/HomePage.vue      | 29 ++++++++++++++++++++++++
 2 files changed, 35 insertions(+), 6 deletions(-)

diff --git a/luckydiamond/src/pages/HeaderElement.vue b/luckydiamond/src/pages/HeaderElement.vue
index ec21ee0..2920da0 100644
--- a/luckydiamond/src/pages/HeaderElement.vue
+++ b/luckydiamond/src/pages/HeaderElement.vue
@@ -54,22 +54,22 @@ export default {
   position: absolute;
   top: 0;
   left: 0;
-  width: 100%;
+  width: 50%;
   height: 100%;
   background: #DF85FF99;
-  filter: blur(265px);
+  filter: blur(125px);
   z-index: -1;
 }
 .header::after {
   content: '';
   position: absolute;
   top: 0;
-  left: 22%;
-  width: 60%;
+  left: 50%;
+  width: 100%;
   height: 100%;
   background: #7000FF;
-  filter: blur(265px);
-  z-index: -2;
+  filter: blur(125px);
+  z-index: -1;
 }
 .header__content {
   display: flex;
diff --git a/luckydiamond/src/pages/HomePage.vue b/luckydiamond/src/pages/HomePage.vue
index d55020f..6df23dd 100644
--- a/luckydiamond/src/pages/HomePage.vue
+++ b/luckydiamond/src/pages/HomePage.vue
@@ -24,5 +24,34 @@ export default {
 .home {
   margin-top: 60px;
   padding: 20px;
+  width: 100%;
+  position: relative;
+  top: 0;
+  z-index: -1;
+  overflow: hidden;
+}
+.home::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 50%;
+  height: 100%;
+  border-radius: 40px;
+  background: #DF85FF99;
+  filter: blur(405px);
+  z-index: -1;
+}
+.home::after {
+  content: '';
+  position: absolute;
+  top: 0%;
+  left: 50%;
+  width: 100%;
+  height: 50%;
+  border-radius: 40px;
+  background: #7000FF;
+  filter: blur(465px);
+  z-index: -1;
 }
 </style>
\ No newline at end of file