diff --git a/src/assets/css/components/home/home.scss b/src/assets/css/components/home/home.scss new file mode 100644 index 0000000..14e810d --- /dev/null +++ b/src/assets/css/components/home/home.scss @@ -0,0 +1,12 @@ +.indicator { + position: fixed; + margin: { + right: 20px; + }; + width: 20px; + height: 100px; + right: 0; + top: 50%; + transform: translateY(-50%); + background-color: #00D4FF; +} \ No newline at end of file diff --git a/src/components/common/Indicator.tsx b/src/components/common/Indicator.tsx new file mode 100644 index 0000000..c58863d --- /dev/null +++ b/src/components/common/Indicator.tsx @@ -0,0 +1,7 @@ +import React from 'react' + +const Indicator: React.FC = () => { + return <> +} + +export default Indicator diff --git a/src/components/home/index.tsx b/src/components/home/index.tsx index 65137fe..0c246e3 100644 --- a/src/components/home/index.tsx +++ b/src/components/home/index.tsx @@ -1,9 +1,11 @@ import React, { useEffect } from 'react' +import '@/assets/css/components/home/home.scss' import FitFullScreen from '@/components/common/FitFullScreen' import FitCenter from '@/components/common/FitCenter' import { MainFrameworkContext } from '@/pages/MainFramework' import Slogan from '@/components/home/Slogan' import OxygenToolbox from '@/components/home/OxygenToolbox' +import Indicator from '@/components/common/Indicator.tsx' const Home: React.FC = () => { const { @@ -149,6 +151,10 @@ const Home: React.FC = () => { return })} + +
+ +
) }