Merge pull request #133 from vuejs-jp/fix/form-page-section-background

fix: form page section background
vuejs-jp · May 1, 2024 · a5e33e6 · a5e33e6
2 parents e2b4820 + 25f75c3
commit a5e33e6
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/apps/web/app/components/FormPageSection.vue b/apps/web/app/components/FormPageSection.vue
@@ -102,19 +102,20 @@ const updateDetail = (e: any) => {
 section {
   position: relative;
   padding: 120px 20px 120px;
-  background-color: #fff;
+  background-image: linear-gradient(#fff, #ebf0f5);
   &::before {
     content: "";
     position: absolute;
     display: block;
     inset: 0;
     width: 100%;
     height: 100%;
-    background-image: url('/form-bg.png'), linear-gradient(#fff, #ebf0f5);
+    background-image: url('/form-bg.png');
     background-size: auto;
     background-repeat: repeat;
     background-position: top left;
-    background-blend-mode: soft-light;
+    opacity: 0.8;
+    mix-blend-mode: overlay;
   }
 }