From 2b262f3e47d587ae96c75c90d8fb1cc66625eaa8 Mon Sep 17 00:00:00 2001
From: srgooglo <srgooglo@ragestudio.net>
Date: Tue, 31 May 2022 02:13:55 +0200
Subject: [PATCH] improve `Splash` style

---
 packages/app/src/App.jsx          |  3 +++
 packages/app/src/theme/index.less | 43 +++++++++++++++++++++----------
 2 files changed, 32 insertions(+), 14 deletions(-)

diff --git a/packages/app/src/App.jsx b/packages/app/src/App.jsx
index 5a721df0..0e24df8f 100644
--- a/packages/app/src/App.jsx
+++ b/packages/app/src/App.jsx
@@ -200,6 +200,9 @@ class App extends React.Component {
 				<div className="splash_logo">
 					<img src={config.logo.alt} />
 				</div>
+				<div className="splash_label">
+					<Icons.LoadingOutlined />
+				</div>
 			</div>
 		}
 	}
diff --git a/packages/app/src/theme/index.less b/packages/app/src/theme/index.less
index bd06d526..43d546ec 100644
--- a/packages/app/src/theme/index.less
+++ b/packages/app/src/theme/index.less
@@ -133,7 +133,7 @@ body {
 	height: 100%;
 
 	padding: 10px;
-	
+
 	overflow-x: hidden;
 	overflow-y: overlay;
 
@@ -281,6 +281,11 @@ body {
 }
 
 .splash_wrapper {
+	position: absolute;
+
+	top: 0;
+	left: 0;
+
 	overflow: hidden;
 
 	//background-color: rgba(240, 242, 245, 0.8);
@@ -296,23 +301,33 @@ body {
 
 	align-items: center;
 	justify-content: center;
-}
 
-.splash_logo {
-	width: 100%;
-	height: 100%;
+	>div {
+		margin-bottom: 40px;
+	}
 
-	display: flex;
-	flex-direction: column;
+	.splash_logo {
+		width: 200px;
+		height: 200px;
 
-	align-items: center;
-	justify-content: center;
+		display: flex;
+		flex-direction: column;
 
-	img {
-		width: fit-content;
-		max-width: 50%;
-		max-height: 50%;
-		filter: drop-shadow(14px 10px 10px rgba(128, 128, 128, 0.5));
+		align-items: center;
+		justify-content: center;
+
+		img {
+			width: 100%;
+			filter: drop-shadow(14px 10px 10px rgba(128, 128, 128, 0.5));
+		}
+	}
+
+	.splash_label {
+		font-size: 2rem;
+
+		svg {
+			margin: 0 !important;
+		}
 	}
 }