Add vertical prop to FitCenter. Add OxygenToolbox to home page. Add Indicator to home. #20
12
src/assets/css/components/home/home.scss
Normal file
12
src/assets/css/components/home/home.scss
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
.indicator {
|
||||||
|
position: fixed;
|
||||||
|
margin: {
|
||||||
|
right: 20px;
|
||||||
|
};
|
||||||
|
width: 20px;
|
||||||
|
height: 100px;
|
||||||
|
right: 0;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
background-color: #00D4FF;
|
||||||
|
}
|
||||||
7
src/components/common/Indicator.tsx
Normal file
7
src/components/common/Indicator.tsx
Normal file
@@ -0,0 +1,7 @@
|
|||||||
|
import React from 'react'
|
||||||
|
|
||||||
|
const Indicator: React.FC = () => {
|
||||||
|
return <></>
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Indicator
|
||||||
@@ -1,9 +1,11 @@
|
|||||||
import React, { useEffect } from 'react'
|
import React, { useEffect } from 'react'
|
||||||
|
import '@/assets/css/components/home/home.scss'
|
||||||
import FitFullScreen from '@/components/common/FitFullScreen'
|
import FitFullScreen from '@/components/common/FitFullScreen'
|
||||||
import FitCenter from '@/components/common/FitCenter'
|
import FitCenter from '@/components/common/FitCenter'
|
||||||
import { MainFrameworkContext } from '@/pages/MainFramework'
|
import { MainFrameworkContext } from '@/pages/MainFramework'
|
||||||
import Slogan from '@/components/home/Slogan'
|
import Slogan from '@/components/home/Slogan'
|
||||||
import OxygenToolbox from '@/components/home/OxygenToolbox'
|
import OxygenToolbox from '@/components/home/OxygenToolbox'
|
||||||
|
import Indicator from '@/components/common/Indicator.tsx'
|
||||||
|
|
||||||
const Home: React.FC = () => {
|
const Home: React.FC = () => {
|
||||||
const {
|
const {
|
||||||
@@ -149,6 +151,10 @@ const Home: React.FC = () => {
|
|||||||
return <FitFullScreen key={index} {...element} />
|
return <FitFullScreen key={index} {...element} />
|
||||||
})}
|
})}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div className={'indicator'}>
|
||||||
|
<Indicator />
|
||||||
|
</div>
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user