瀏覽代碼

feat: Falling snow improvements

Owen Diffey 3 年之前
父節點
當前提交
66c71c3393
共有 2 個文件被更改,包括 17 次插入6 次删除
  1. 10 6
      frontend/src/components/FallingSnow.vue
  2. 7 0
      frontend/src/pages/Home.vue

+ 10 - 6
frontend/src/components/FallingSnow.vue

@@ -10,21 +10,25 @@
 </template>
 
 <style lang="scss" scoped>
+.night-mode .winter-is-coming {
+	background: var(--black);
+}
+
 /*Snow courtesy of iamjamie on codepen.io (https://codepen.io/iamjamie/pen/wzbEXG)*/
 .winter-is-coming,
 .snow {
-	z-index: 0;
+	z-index: -1;
 	pointer-events: none;
 }
 
 .winter-is-coming {
 	overflow: hidden;
-	position: absolute;
+	position: fixed;
 	top: 0;
-	height: 100%;
-	width: 100%;
-	max-width: 100%;
-	background: transparent;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background: rgb(240, 240, 240);
 }
 
 .snow {

+ 7 - 0
frontend/src/pages/Home.vue

@@ -794,6 +794,13 @@ export default {
 			top: 20vh;
 		}
 	}
+	.header {
+		&,
+		.background,
+		.overlay {
+			border-radius: unset;
+		}
+	}
 }
 </style>