From 878e964668632d3f928d431e5af6684695c43d17 Mon Sep 17 00:00:00 2001
From: pernucia <82934114+pernucia@users.noreply.github.com>
Date: Wed, 20 Nov 2024 17:07:39 +0900
Subject: [PATCH] update css

dunno scss
---
 .../frontend/src/widgets/WidgetKordle.vue     | 13 +++++-------
 .../frontend/src/widgets/WidgetSpinner.vue    | 20 ++++++++++---------
 2 files changed, 16 insertions(+), 17 deletions(-)

diff --git a/packages/frontend/src/widgets/WidgetKordle.vue b/packages/frontend/src/widgets/WidgetKordle.vue
index 55178d4df95e..5c4a3c58f1e5 100644
--- a/packages/frontend/src/widgets/WidgetKordle.vue
+++ b/packages/frontend/src/widgets/WidgetKordle.vue
@@ -44,12 +44,9 @@ defineExpose<WidgetComponentExpose>({
 </script>
 
 <style lang="scss" module>
-.root {
-	border: none;
-	pointer-events: none;
-	color-scheme: light;
-}
-.kordle {
-	height: 100%;
-}
+.mkw-kordle {
+	.kordle {
+		height: 100%;
+	};
+};
 </style>
diff --git a/packages/frontend/src/widgets/WidgetSpinner.vue b/packages/frontend/src/widgets/WidgetSpinner.vue
index 79930545d50b..35611d951836 100644
--- a/packages/frontend/src/widgets/WidgetSpinner.vue
+++ b/packages/frontend/src/widgets/WidgetSpinner.vue
@@ -69,16 +69,18 @@ defineExpose<WidgetComponentExpose>({
 </script>
 
 <style lang="scss" module>
-.spinner-box {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	transition: transform 0.8s ease-in-out;
+.mkw-spinner {
+	> .spinner-box {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		transition: transform 0.8s ease-in-out;
 
-	> .spinner {
-		position: absolute;
-		width: 90%;
-		height: 90%;
+		> .spinner {
+			position: absolute;
+			width: 90%;
+			height: 90%;
+		};
 	};
 };
 </style>