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"> <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>
} }
} }

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

@ -133,7 +133,7 @@ body {
height: 100%; height: 100%;
padding: 10px; padding: 10px;
overflow-x: hidden; overflow-x: hidden;
overflow-y: overlay; overflow-y: overlay;
@ -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,23 +301,33 @@ body {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
}
.splash_logo { >div {
width: 100%; margin-bottom: 40px;
height: 100%; }
display: flex; .splash_logo {
flex-direction: column; width: 200px;
height: 200px;
align-items: center; display: flex;
justify-content: center; flex-direction: column;
img { align-items: center;
width: fit-content; justify-content: center;
max-width: 50%;
max-height: 50%; img {
filter: drop-shadow(14px 10px 10px rgba(128, 128, 128, 0.5)); width: 100%;
filter: drop-shadow(14px 10px 10px rgba(128, 128, 128, 0.5));
}
}
.splash_label {
font-size: 2rem;
svg {
margin: 0 !important;
}
} }
} }