Improves ProductLogo.

mntone · Jun 21, 2024 · ec4f8a9 · ec4f8a9
1 parent 66181f9
commit ec4f8a9
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 20 deletions.
diff --git 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
@@ -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
@@ -6,29 +6,24 @@
 	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 {
 	margin: 0;
 }
 
 .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;
 }