Jelajahi Sumber

apply bgimage style for wood

yohei0125 3 tahun lalu
induk
melakukan
7d6026fb66
1 mengubah file dengan 17 tambahan dan 1 penghapusan
  1. 17 1
      packages/app/src/components/Theme/ThemeWood.module.scss

+ 17 - 1
packages/app/src/components/Theme/ThemeWood.module.scss

@@ -14,7 +14,6 @@
 
 
 .growi:not(.login-page) {
 .growi:not(.login-page) {
   // add background-image
   // add background-image
-  #page-wrapper,
   .page-editor-preview-container {
   .page-editor-preview-container {
     background-image: url('/images/themes/wood/wood.jpg');
     background-image: url('/images/themes/wood/wood.jpg');
     background-attachment: fixed;
     background-attachment: fixed;
@@ -35,6 +34,23 @@
 $themecolor: #b9b177;
 $themecolor: #b9b177;
 $themelight: #f5f3ee;
 $themelight: #f5f3ee;
 
 
+.theme :global {
+  .wrapper {
+    position: relative;
+  }
+
+  .bg-image-wrapper {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+  }
+
+  .bg-image {
+    object-fit: cover;
+    object-position: center center;
+  }
+}
+
 //== Light Mode
 //== Light Mode
 //
 //
 .theme :global {
 .theme :global {