yawaflua/LuckyDiamond
1
0
Fork 0
mirror of https://github.com/yawaflua/LuckyDiamond.git synced 2025-12-10 04:09:29 +02:00
Code Issues Packages Projects Releases Wiki Activity

change styles for bg in header and home

Browse Source
This commit is contained in:
Kostya
2023-11-14 21:40:48 +03:00
parent 8315630f30
commit a02662de4d
2 changed files with 35 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
luckydiamond/src/pages/HeaderElement.vue
View File

@@ -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;

29
luckydiamond/src/pages/HomePage.vue
View File

@@ -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>