RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-10 02:54:15 +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">
<img src={config.logo.alt} />
</div>
<div className="splash_label">
<Icons.LoadingOutlined />
</div>
</div>
}
}

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

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