duckietm/Nitro-Cool-UI
1
0
Fork 0
mirror of https://github.com/duckietm/Nitro-Cool-UI.git synced 2025-06-21 22:36:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update Loading screen

Browse Source
This commit is contained in:
duckietm 2024-04-24 16:04:49 +02:00
parent 8a08515a8f
commit e788ee28f9
2 changed files with 25 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/loading/LoadingView.scss
View File

@ -1,9 +1,10 @@
.nitro-loading {
position: relative;
background: #1d1a24;
background-image: radial-gradient(#1d1a24, #003a6b);
z-index: 100;
}
.connecting-duck {
.connecting-duck {
position: absolute;
top: 0;
bottom: 0;
@ -15,12 +16,13 @@
height: 84px;
zoom: 1.5;
image-rendering: pixelated;
}
.nitro-logo {
width: 47px;
height: 65px;
background: transparent url('https://assets.nitrodev.co/logos/react-loader.png') no-repeat center;
z-index: 1;
}
}
.logo {
position: absolute;
top: 20px;
left: 20px;
background: url('@/assets/images/notifications/coolui.png') no-repeat top left; /* Fixed the typo here */
width: 150px;
height: 100px;
}

1
src/components/loading/LoadingView.tsx
View File

@ -17,6 +17,7 @@ export const LoadingView: FC<LoadingViewProps> = props =>
<Base fullHeight className="container h-100">
<Column fullHeight alignItems="center" justifyContent="end">
<Base className="connecting-duck" />
<Base className="logo" />
<Column size={ 6 } className="text-center py-4">
{ isError && (message && message.length) ?
<Base className="fs-4 text-shadow">{ message }</Base>