update package.json style.scss

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "misskey",
-	"version": "12.111.1-simkey-v7",
+	"version": "12.111.1-simkey-v8",
 	"codename": "indigo",
 	"repository": {
 		"type": "git",

packages/client/src/components/ui/context-menu.vue

@@ -71,6 +71,8 @@ function onMousedown(evt: Event) {
 <style lang="scss" scoped>
 .nvlagfpb {
 	position: absolute;
+	backdrop-filter: var(--blur, blur(8px));
+	-webkit-backdrop-filter: var(--blur, blur(8px));
 }
 
 .fade-enter-active, .fade-leave-active {

packages/client/src/components/ui/modal.vue

@@ -108,7 +108,7 @@ const align = () => {
 	if (popover == null) return;
 
 	const srcRect = props.src.getBoundingClientRect();
-	
+
 	const width = popover.offsetWidth;
 	const height = popover.offsetHeight;
 
@@ -238,7 +238,7 @@ onMounted(() => {
 		fixed.value = (type.value === 'drawer') || (getFixedContainer(props.src) != null);
 
 		await nextTick();
-		
+
 		align();
 	}, { immediate: true });
 
@@ -376,6 +376,8 @@ defineExpose({
 	&.popup {
 		> .content {
 			position: absolute;
+			backdrop-filter: var(--blur, blur(8px));
+			-webkit-backdrop-filter: var(--blur, blur(8px));
 
 			&.fixed {
 				position: fixed;

packages/client/src/style.scss

@@ -573,5 +573,5 @@ hr {
 //パネルブラー
 //.dnpfarvg, .sqadhkmv {
 //	backdrop-filter: var(--blur, blur(8px));
-//	-webkit-backdrop-filter: var(--blur, blur(8px))
+//	-webkit-backdrop-filter: var(--blur, blur(8px));
 //}