fix: css position
This commit is contained in:
parent
d148aad82b
commit
79de01ae8d
2 changed files with 7 additions and 8 deletions
|
|
@ -124,14 +124,6 @@ export const BgSvg = ({ isPaused = false }: { isPaused?: boolean }) => {
|
||||||
};
|
};
|
||||||
return (
|
return (
|
||||||
<div className="absolute inset-0 overflow-hidden pointer-events-none ">
|
<div className="absolute inset-0 overflow-hidden pointer-events-none ">
|
||||||
<style>
|
|
||||||
{`
|
|
||||||
.paused .animate-glow,
|
|
||||||
.paused .animate-highlight {
|
|
||||||
animation-play-state: paused;
|
|
||||||
}
|
|
||||||
`}
|
|
||||||
</style>
|
|
||||||
<div className="absolute top-0 left-0 right-0 w-full">
|
<div className="absolute top-0 left-0 right-0 w-full">
|
||||||
<div
|
<div
|
||||||
className={`w-full ml-10 ${animationClass}`}
|
className={`w-full ml-10 ${animationClass}`}
|
||||||
|
|
|
||||||
|
|
@ -38,6 +38,13 @@
|
||||||
animation: highlight-flow 16s linear infinite;
|
animation: highlight-flow 16s linear infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.paused {
|
||||||
|
.animate-glow,
|
||||||
|
.animate-highlight {
|
||||||
|
animation-play-state: paused;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
//////////////////////////////////////////////////////////////////////////
|
//////////////////////////////////////////////////////////////////////////
|
||||||
.perspective-1000 {
|
.perspective-1000 {
|
||||||
perspective: 1000px;
|
perspective: 1000px;
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue