diff --git a/index.html b/index.html index d1b76f6..9dd6a80 100644 --- a/index.html +++ b/index.html @@ -2,9 +2,9 @@ - + - Vite + React + TS + Tarotsol AI + + + + + + + + + + + + + diff --git a/public/vite.svg b/public/vite.svg deleted file mode 100644 index e7b8dfb..0000000 --- a/public/vite.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/App.tsx b/src/App.tsx index 46daa90..2c2a1fd 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,7 +1,7 @@ import { Suspense } from 'react'; import { ToastContainer } from 'react-toastify'; -import { Loader } from '@/components/common/Loader'; +import { FullPageLoader } from '@/components/common/Loader'; import { QueryProvider } from '@/providers/query-provider'; import { RouterProvider } from '@/providers/router-provider'; import { SolanaProvider } from '@/providers/solana-provider'; @@ -14,7 +14,7 @@ function App() { return ( - }> + }> diff --git a/src/components/common/Loader/index.tsx b/src/components/common/Loader/index.tsx index 8d650c2..19f2d75 100644 --- a/src/components/common/Loader/index.tsx +++ b/src/components/common/Loader/index.tsx @@ -1,7 +1,21 @@ -export const Loader = () => { +const BigSpinner = () => { return ( -
-

Loading...

+
+
+
+ ); +}; + +export const FullPageLoader = () => { + return ( +
+
); }; diff --git a/src/index.css b/src/index.css index 0974a30..0981f06 100644 --- a/src/index.css +++ b/src/index.css @@ -45,6 +45,28 @@ body { } } +@keyframes rotate-div-rev { + 0% { + transform: rotate(0deg); + background-position: 0% 50%; + } + 100% { + transform: rotate(-360deg); + } +} + +.loader-spinner { + animation: rotate-div-rev 2.5s linear infinite; + background-image: conic-gradient( + from 0 at 50% 50%, + #621421 0deg, + #3a3939 144deg, + #9da990 288deg, + #d4c098 360deg, + #b09256 360deg + ); +} + @layer base { body { @apply bg-background text-foreground;