kopia lustrzana https://gitlab.com/soapbox-pub/soapbox
17 wiersze
939 B
TypeScript
17 wiersze
939 B
TypeScript
import React from 'react';
|
|
|
|
const Sonar = () => (
|
|
<div className='relative'>
|
|
<div className='relative w-48 h-48'>
|
|
<div className='animate-sonar-scale-4 absolute top-0 left-0 w-full h-full rounded-full bg-primary-600/25 dark:bg-primary-600/25 opacity-0 pointer-events-none' />
|
|
<div className='animate-sonar-scale-3 absolute top-0 left-0 w-full h-full rounded-full bg-primary-600/25 dark:bg-primary-600/25 opacity-0 pointer-events-none' />
|
|
<div className='animate-sonar-scale-2 absolute top-0 left-0 w-full h-full rounded-full bg-primary-600/25 dark:bg-primary-600/25 opacity-0 pointer-events-none' />
|
|
<div className='animate-sonar-scale-1 absolute top-0 left-0 w-full h-full rounded-full bg-primary-600/25 dark:bg-primary-600/25 opacity-0 pointer-events-none' />
|
|
|
|
<div className='absolute top-0 left-0 w-48 h-48 bg-white dark:bg-primary-900 rounded-full' />
|
|
</div>
|
|
</div>
|
|
);
|
|
|
|
export default Sonar;
|