Skip to content

Commit

Permalink
loader spin
Browse files Browse the repository at this point in the history
  • Loading branch information
@devsisingh
devsisingh committed Mar 26, 2024
1 parent 7572458 commit 7ea7cf4
Show file tree
Hide file tree
Showing 3 changed files with 47 additions and 79 deletions.
42 changes: 15 additions & 27 deletions components/Myvpncard.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -331,36 +331,24 @@ const MyVpnCard: React.FC<ReviewCardProps> = ({

{loading && (
<div
style={{
position: "absolute",
top: 700,
left: 0,
width: "100%",
height: "100%",
}}
>
<div
style={{
display: "flex",
justifyContent: "center",
alignItems: "center",
zIndex: 9999,
}}
>
<div
style={{
border: "8px solid #f3f3f3",
borderTop: "8px solid #3498db",
borderRadius: "50%",
width: "50px",
height: "50px",
animation: "spin 1s linear infinite",
}}
>
{/* <Loader/> */}
style={{ backgroundColor: "#040819D9" }}
className='flex overflow-y-auto overflow-x-hidden fixed inset-0 z-50 justify-center items-center w-full max-h-full'
id='popupmodal'
>
<div className='relative p-4 lg:w-1/5 w-full max-w-2xl max-h-full'>
<div className='relative rounded-lg shadow'>
<div className='flex justify-center gap-4'>
<img
className='w-12 animate-spin duration-[3000] h-12'
src='/Loadingerebrus.png'
alt='Loading icon'
/>

<span className='text-white mt-2'>Loading...</span>
</div>
</div>
</div>
</div>
)}
</div>
);
Expand Down
84 changes: 32 additions & 52 deletions pages/subscription.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1059,34 +1059,24 @@ const Subscription = () => {

{loading && (
<div
style={{
position: "absolute",
top: 700,
left: 0,
width: "100%",
height: "100%",
}}
>
<div
style={{
display: "flex",
justifyContent: "center",
alignItems: "center",
zIndex: 9999,
}}
>
<div
style={{
border: "8px solid #f3f3f3",
borderTop: "8px solid #3498db",
borderRadius: "50%",
width: "50px",
height: "50px",
animation: "spin 1s linear infinite",
}}
></div>
style={{ backgroundColor: "#040819D9" }}
className='flex overflow-y-auto overflow-x-hidden fixed inset-0 z-50 justify-center items-center w-full max-h-full'
id='popupmodal'
>
<div className='relative p-4 lg:w-1/5 w-full max-w-2xl max-h-full'>
<div className='relative rounded-lg shadow'>
<div className='flex justify-center gap-4'>
<img
className='w-12 animate-spin duration-[3000] h-12'
src='/Loadingerebrus.png'
alt='Loading icon'
/>

<span className='text-white mt-2'>Loading...</span>
</div>
</div>
</div>
</div>
)}

{!buttonset && (
Expand Down Expand Up @@ -1251,34 +1241,24 @@ const Subscription = () => {

{loading && (
<div
style={{
position: "absolute",
top: 700,
left: 0,
width: "100%",
height: "100%",
}}
>
<div
style={{
display: "flex",
justifyContent: "center",
alignItems: "center",
zIndex: 9999,
}}
>
<div
style={{
border: "8px solid #f3f3f3",
borderTop: "8px solid #3498db",
borderRadius: "50%",
width: "50px",
height: "50px",
animation: "spin 1s linear infinite",
}}
></div>
style={{ backgroundColor: "#040819D9" }}
className='flex overflow-y-auto overflow-x-hidden fixed inset-0 z-50 justify-center items-center w-full max-h-full'
id='popupmodal'
>
<div className='relative p-4 lg:w-1/5 w-full max-w-2xl max-h-full'>
<div className='relative rounded-lg shadow'>
<div className='flex justify-center gap-4'>
<img
className='w-12 animate-spin duration-[3000] h-12'
src='/Loadingerebrus.png'
alt='Loading icon'
/>

<span className='text-white mt-2'>Loading...</span>
</div>
</div>
</div>
</div>
)}
</section>
</>
Expand Down
Binary file added public/Loadingerebrus.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 7ea7cf4

Please sign in to comment.