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

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

@ -1,7 +1,8 @@
.nitro-loading { .nitro-loading {
position: relative; position: relative;
background: #1d1a24; background-image: radial-gradient(#1d1a24, #003a6b);
z-index: 100; z-index: 100;
}
.connecting-duck { .connecting-duck {
position: absolute; position: absolute;
@ -17,10 +18,11 @@
image-rendering: pixelated; image-rendering: pixelated;
} }
.nitro-logo { .logo {
width: 47px; position: absolute;
height: 65px; top: 20px;
background: transparent url('https://assets.nitrodev.co/logos/react-loader.png') no-repeat center; left: 20px;
z-index: 1; 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"> <Base fullHeight className="container h-100">
<Column fullHeight alignItems="center" justifyContent="end"> <Column fullHeight alignItems="center" justifyContent="end">
<Base className="connecting-duck" /> <Base className="connecting-duck" />
<Base className="logo" />
<Column size={ 6 } className="text-center py-4"> <Column size={ 6 } className="text-center py-4">
{ isError && (message && message.length) ? { isError && (message && message.length) ?
<Base className="fs-4 text-shadow">{ message }</Base> <Base className="fs-4 text-shadow">{ message }</Base>