From ec4f8a9787a3c0203cb4f9212c130d0816aeb23e Mon Sep 17 00:00:00 2001
From: mntone <901816+mntone@users.noreply.github.com>
Date: Fri, 21 Jun 2024 18:00:20 +0900
Subject: [PATCH] Improves ProductLogo.

---
 src/index.css                                   | 10 ++++------
 .../overlay/components/ProductLogo/index.tsx    | 10 +++++++---
 .../overlay/components/ProductLogo/styles.css   | 17 ++++++-----------
 3 files changed, 17 insertions(+), 20 deletions(-)

diff --git a/src/index.css b/src/index.css
index 563c7ac..6d65c83 100644
--- a/src/index.css
+++ b/src/index.css
@@ -64,18 +64,16 @@ body.env-broadcast {
 	background: transparent;
 }
 
-html:lang(ja) body, span:lang(ja) {
+html:lang(ja) body, .SelectItem:lang(ja) {
 	font-family: Oswald, 'BIZ UDPゴシック',Gulim, sans-serif, 'Apple Color Emoji', 'Segoe UI Symbol';
 }
-html:lang(ko) body, span:lang(ko) {
+html:lang(ko) body, .SelectItem:lang(ko) {
 	font-family: Oswald, 'Apple SD Gothic Neo', 'Malgun Gothic', Gulim, sans-serif, 'Apple Color Emoji', 'Segoe UI Symbol';
 }
-
-html:lang(zh-CN) body, span:lang(zh-CN) {
+html:lang(zh-CN) body, .SelectItem:lang(zh-CN) {
 	font-family: Oswald, 'PingFang SC', STHeitiSC, 'Heiti SC', '黒体-簡', 'Microsoft YaHei', sans-serif, 'Apple Color Emoji', 'Segoe UI Symbol';
 }
-
-html:lang(zh-TW) body, span:lang(zh-TW) {
+html:lang(zh-TW) body, .SelectItem:lang(zh-TW) {
 	font-family: Oswald, 'PingFang TC', STHeitiTC, 'Heiti TC', '黒体-繁', 'Microsoft JhengHei', sans-serif, 'Apple Color Emoji', 'Segoe UI Symbol';
 }
 
diff --git a/src/modules/overlay/components/ProductLogo/index.tsx b/src/modules/overlay/components/ProductLogo/index.tsx
index 9a0b2ac..5d5cad9 100644
--- a/src/modules/overlay/components/ProductLogo/index.tsx
+++ b/src/modules/overlay/components/ProductLogo/index.tsx
@@ -12,9 +12,13 @@ const ProductLogo = () => {
 	return (
 		<RightSlideAnimation nodeRef={ref} visible={poweredby}>
 			<div className='Overlay Overlay-right ProductLogo' ref={ref}>
-				<p className='ProductLogo-poweredby'>Powered By</p>
-				<p className='ProductLogo-shake'>Shake</p>
-				<p className='ProductLogo-streamkit'>StreamKit</p>
+				<span className='ProductLogo-poweredby'>Powered By</span>
+				<br />
+				<span className='ProductLogo-logo'>
+					Shake
+					<br />
+					StreamKit
+				</span>
 			</div>
 		</RightSlideAnimation>
 	)
diff --git a/src/modules/overlay/components/ProductLogo/styles.css b/src/modules/overlay/components/ProductLogo/styles.css
index 23ab0c6..f9e6699 100644
--- a/src/modules/overlay/components/ProductLogo/styles.css
+++ b/src/modules/overlay/components/ProductLogo/styles.css
@@ -6,9 +6,13 @@
 	bottom: .5em;
 	right: -.5em;
 
+	border-radius: 1.5em 0 0 1.5em;
 	padding: 1em 3em 1em 1.5em;
 
-	border-radius: 1.5em 0 0 1.5em;
+	font-family: Kanit, sans-serif;
+	line-height: .9;
+
+	color: #FFF;
 }
 
 .ProductLogo p {
@@ -16,19 +20,10 @@
 }
 
 .ProductLogo-poweredby {
-	font-family: Kanit, sans-serif !important;
 	font-size: .75em;
-	line-height: 1;
-
-	color: #FFFFFF;
 }
 
-.ProductLogo-shake,
-.ProductLogo-streamkit {
-	font-family: Kanit, sans-serif !important;
+.ProductLogo-logo {
 	font-size: 1.5em;
 	font-weight: bold;
-	line-height: .9;
-
-	color: #FFFFFF;
 }