RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-10 19:14:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve Splash style

Browse Source
This commit is contained in:
srgooglo 2022-05-31 02:13:55 +02:00
parent ae5760f800
commit 2b262f3e47
2 changed files with 32 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/app/src/App.jsx
View File

@ -200,6 +200,9 @@ class App extends React.Component {
<div className="splash_logo"> <div className="splash_logo">
<img src={config.logo.alt} /> <img src={config.logo.alt} />
</div> </div>
<div className="splash_label">
<Icons.LoadingOutlined />
</div>
</div> </div>
} }
} }

25
packages/app/src/theme/index.less
View File

@ -281,6 +281,11 @@ body {
} }
.splash_wrapper { .splash_wrapper {
position: absolute;
top: 0;
left: 0;
overflow: hidden; overflow: hidden;
//background-color: rgba(240, 242, 245, 0.8); //background-color: rgba(240, 242, 245, 0.8);
@ -296,11 +301,14 @@ body {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
>div {
margin-bottom: 40px;
} }
.splash_logo { .splash_logo {
width: 100%; width: 200px;
height: 100%; height: 200px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -309,13 +317,20 @@ body {
justify-content: center; justify-content: center;
img { img {
width: fit-content; width: 100%;
max-width: 50%;
max-height: 50%;
filter: drop-shadow(14px 10px 10px rgba(128, 128, 128, 0.5)); filter: drop-shadow(14px 10px 10px rgba(128, 128, 128, 0.5));
} }
} }
.splash_label {
font-size: 2rem;
svg {
margin: 0 !important;
}
}
}
@keyframes fadeOut { @keyframes fadeOut {
from { from {
opacity: 1; opacity: 1;