From 5b215ecf117f6a2a51079cba60606b3b9cbfb198 Mon Sep 17 00:00:00 2001 From: Cheslav Zhuravsky <happylolonly@gmail.com> Date: Thu, 28 Nov 2024 19:11:39 +0400 Subject: [PATCH 1/2] xp init --- .../portal/components/stars/style.module.scss | 37 ------------------ src/xp/index.md | 1 + src/{image => xp/stars/images}/stars.png | Bin src/{image => xp/stars/images}/twinkling.png | Bin .../portal/components => xp}/stars/index.tsx | 0 src/xp/stars/style.module.scss | 29 ++++++++++++++ 6 files changed, 30 insertions(+), 37 deletions(-) delete mode 100644 src/containers/portal/components/stars/style.module.scss create mode 100644 src/xp/index.md rename src/{image => xp/stars/images}/stars.png (100%) rename src/{image => xp/stars/images}/twinkling.png (100%) rename src/{containers/portal/components => xp}/stars/index.tsx (100%) create mode 100644 src/xp/stars/style.module.scss diff --git a/src/containers/portal/components/stars/style.module.scss b/src/containers/portal/components/stars/style.module.scss deleted file mode 100644 index 3b335cfb8..000000000 --- a/src/containers/portal/components/stars/style.module.scss +++ /dev/null @@ -1,37 +0,0 @@ -.stars, -.twinkl { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - width: 100%; - height: 100%; - display: block; -} - -.stars { - background: #000 url('../../../../image/stars.png') repeat top center; - z-index: 0; -} - -.twinkl { - background: transparent url('../../../../image/twinkling.png') repeat top - center; - z-index: 0; - - -moz-animation: move-twink-back 650s linear infinite; - -ms-animation: move-twink-back 650s linear infinite; - -o-animation: move-twink-back 650s linear infinite; - -webkit-animation: move-twink-back 650s linear infinite; - animation: move-twink-back 650s linear infinite; -} - -@keyframes move-twink-back { - from { - background-position: 0 0; - } - to { - background-position: -10000px 5000px; - } -} diff --git a/src/xp/index.md b/src/xp/index.md new file mode 100644 index 000000000..9879df6ef --- /dev/null +++ b/src/xp/index.md @@ -0,0 +1 @@ +this ui should be moved to separate repo diff --git a/src/image/stars.png b/src/xp/stars/images/stars.png similarity index 100% rename from src/image/stars.png rename to src/xp/stars/images/stars.png diff --git a/src/image/twinkling.png b/src/xp/stars/images/twinkling.png similarity index 100% rename from src/image/twinkling.png rename to src/xp/stars/images/twinkling.png diff --git a/src/containers/portal/components/stars/index.tsx b/src/xp/stars/index.tsx similarity index 100% rename from src/containers/portal/components/stars/index.tsx rename to src/xp/stars/index.tsx diff --git a/src/xp/stars/style.module.scss b/src/xp/stars/style.module.scss new file mode 100644 index 000000000..59afa71cf --- /dev/null +++ b/src/xp/stars/style.module.scss @@ -0,0 +1,29 @@ +.stars, +.twinkl { + position: fixed; + inset: 0; + width: 100%; + height: 100%; + display: block; +} + +.stars { + background: #000 url('./images/stars.png') repeat top center; + z-index: 0; +} + +.twinkl { + background: transparent url('./images/twinkling.png') repeat top center; + z-index: 0; + animation: move-twink-back 650s linear infinite; +} + +@keyframes move-twink-back { + from { + background-position: 0 0; + } + + to { + background-position: -10000px 5000px; + } +} From f8cdd02bd65b524bb1cc0a2abee52d7178d34679 Mon Sep 17 00:00:00 2001 From: Cheslav Zhuravsky <happylolonly@gmail.com> Date: Thu, 5 Dec 2024 20:06:18 +0400 Subject: [PATCH 2/2] fix import --- src/containers/portal/components/index.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/containers/portal/components/index.ts b/src/containers/portal/components/index.ts index 5667079ef..a33ef9c4c 100644 --- a/src/containers/portal/components/index.ts +++ b/src/containers/portal/components/index.ts @@ -1,3 +1,5 @@ +import MusicalAddress from 'src/components/MusicalAddress/MusicalAddress'; +import Stars from 'src/xp/stars'; import ScrollableTabs from './scrollableTabs/ScrollableTabs'; import ParseAddressesImg from './imgNetwork'; import CurrentGift from './currentGift'; @@ -8,8 +10,6 @@ import ActionBarContainer from './ActionBar'; import ActionBarSteps from './ActionBar/ActionBarSteps'; import AboutGift from './AboutGift/aboutGift'; import MoonAnimation from './MoonAnimation/MoonAnimation'; -import Stars from './stars'; -import MusicalAddress from 'src/components/MusicalAddress/MusicalAddress'; // eslint-disable-next-line import/no-unused-modules export {