diff --git a/frontend/src/features/Main/components/IntrodutionPic/IntrodutionPic.module.scss b/frontend/src/features/Main/components/IntrodutionPic/IntrodutionPic.module.scss deleted file mode 100644 index 61f497e..0000000 --- a/frontend/src/features/Main/components/IntrodutionPic/IntrodutionPic.module.scss +++ /dev/null @@ -1,72 +0,0 @@ -@use '~styles/variables' as *; -@use '~styles/mixins' as *; - -.content { - display: flex; - min-height: 695px; - background: theme-var($background-secondary); - - @include lg { - padding: 0 20px; - } - - @include wings; -} - -.left { - padding-top: 120px; - flex-basis: 50%; - display: flex; - flex-direction: column; -} - -.main-title { - font-size: 72px; - font-weight: 500; - - &-with-gradient { - background: linear-gradient( - to right, - rgba(0,0,0) 0%, - #00ffc4 100%, - #00ffc4 100% - ); - -webkit-background-clip: text; - background-clip: text; - -webkit-text-fill-color: transparent; - } -} - -.main-description { - max-width: 370px; - font-size: 18px; - font-weight: 400; - padding: 12px 0 48px; -} - -.right { - position: relative; - flex-basis: 50%; - display: flex; - flex-direction: column; - justify-content: center; -} - -.lower-img { - position: absolute; - left: 0; - top: 0; - opacity: 0.5; -} - -.upper-img { - position: absolute; - left: 40%; - top: 0; -} - -.courtain { - left: 0; - top: 0; - position: absolute; -} \ No newline at end of file diff --git a/frontend/src/features/Main/components/IntrodutionPic/IntrodutionPic.tsx b/frontend/src/features/Main/components/IntrodutionPic/IntrodutionPic.tsx deleted file mode 100644 index 93fc2f0..0000000 --- a/frontend/src/features/Main/components/IntrodutionPic/IntrodutionPic.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import carsImg from '@/assets/icons/introdution-cars-img.png'; -import styles from './IntrodutionInfo.module.scss'; -import { cx } from '@/utils'; - -function IntrodutionPic() { - return cars; -} - -export { IntrodutionPic }; diff --git a/frontend/src/features/Main/components/IntrodutionPic/index.ts b/frontend/src/features/Main/components/IntrodutionPic/index.ts deleted file mode 100644 index 73cedd5..0000000 --- a/frontend/src/features/Main/components/IntrodutionPic/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './IntrodutionPic'; diff --git a/frontend/src/features/Main/components/Layout/Layout.module.scss b/frontend/src/features/Main/components/Layout/Layout.module.scss index 062f9fa..cbbbd50 100644 --- a/frontend/src/features/Main/components/Layout/Layout.module.scss +++ b/frontend/src/features/Main/components/Layout/Layout.module.scss @@ -4,8 +4,8 @@ .content { display: flex; align-items: center; - padding: 0 276px; - width: 100%; + // padding: 0 440px; + width: 940px; margin: auto; background: theme-var($background-primary); @@ -33,24 +33,24 @@ flex-direction: column; justify-content: center; gap: 24px; -} - -.main-title { - font-size: 40px; - font-weight: 500; - &-with-gradient { - background: linear-gradient(90deg, #2B2B2B 33.39%, #00FFC4 77.42%); - -webkit-background-clip: text; - background-clip: text; - -webkit-text-fill-color: transparent; + .main-title { + font-size: 40px; + font-weight: 500; + + &-with-gradient { + background: linear-gradient(90deg, #2B2B2B 33.39%, #00FFC4 77.42%); + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; + } + } + + .main-description { + max-width: 370px; + font-size: 18px; + font-weight: 400; } -} - -.main-description { - max-width: 370px; - font-size: 18px; - font-weight: 400; } .right { @@ -59,23 +59,4 @@ display: flex; flex-direction: column; justify-content: center; -} - -.lower-img { - position: absolute; - left: 0; - top: 0; - opacity: 0.5; -} - -.upper-img { - position: absolute; - left: 40%; - top: 0; -} - -.courtain { - left: 0; - top: 0; - position: absolute; } \ No newline at end of file diff --git a/frontend/src/features/Main/components/Layout/Layout.tsx b/frontend/src/features/Main/components/Layout/Layout.tsx index 11f4c04..f10cae9 100644 --- a/frontend/src/features/Main/components/Layout/Layout.tsx +++ b/frontend/src/features/Main/components/Layout/Layout.tsx @@ -3,7 +3,7 @@ import { useNavigate } from 'react-router-dom'; import { Button } from '@ui'; import styles from './Layout.module.scss'; import { cx } from '@/utils'; -import { IntrodutionPic } from '../IntrodutionPic'; +import carsImg from '@/assets/icons/introdution-cars-img.png'; import { CURRENT_GAME } from '@/atoms'; @@ -31,7 +31,7 @@ function Layout() { />
- + cars
); diff --git a/frontend/src/features/Main/components/LeaderBoard/LeaderBoard.module.scss b/frontend/src/features/Main/components/LeaderBoard/LeaderBoard.module.scss deleted file mode 100644 index 44c2887..0000000 --- a/frontend/src/features/Main/components/LeaderBoard/LeaderBoard.module.scss +++ /dev/null @@ -1,27 +0,0 @@ -@use '~styles/variables' as *; -@use '~styles/mixins' as *; - -.table-wrapper { - max-width: 740px; -} - - -.cell { - &-place { - width: 100px; - } - - &-total-points { - text-align: end; - justify-content: end; - width: 50%; - } - - &-number { - width: 50%; - } - - &-summary { - background: theme-var($green-special-bright); - } -} diff --git a/frontend/src/features/Main/components/LeaderBoard/LeaderBoard.tsx b/frontend/src/features/Main/components/LeaderBoard/LeaderBoard.tsx deleted file mode 100644 index c02efbe..0000000 --- a/frontend/src/features/Main/components/LeaderBoard/LeaderBoard.tsx +++ /dev/null @@ -1,68 +0,0 @@ -import { Cell, Row, Table } from '@ui'; -import styles from './LeaderBoard.module.scss'; -import { cx } from '@/utils'; -import { CellValue, TableRow } from '@/ui/Table/Table.interfaces'; -import { ScorePPV } from '@/features/ScoreBalance/components/ScorePPV'; - -const columns = ['#', 'Name and wallet', 'Victories', 'Success Rate', 'Total points']; - -const rows = [ - { - id: '0x256u...1Uhs', - '#': 1, - 'Name and wallet': 'John Bin (0x256u...1Uhs)', - Victories: 23, - 'Success Rate': `${58.04}%`, - 'Total points': 320.34, - }, -]; - -const handleCellClassname = (column: string) => { - if (column === '#') { - return cx(styles['cell-place']); - } - - if (column === 'Total points') { - return cx(styles['cell-total-points']); - } - - if (column === 'Victories' || column === 'Success Rate') { - return cx(styles['cell-number']); - } - - return ''; -}; - -const handleRenderCell = (column: string, cell: CellValue) => { - if (column === 'Total points') { - return {String(cell)}; - } - - return cell; -}; - -const handleRenderSummary = (currentData: TableRow[]) => ( - - {Object.keys(currentData[0]) - .filter((cellName) => columns.includes(cellName)) - .map((cellName: string) => ( - {handleRenderCell(cellName, currentData[0]?.[cellName])} - ))} - -); - -function LeaderBoard() { - return ( -
- - - ); -} - -export { LeaderBoard }; diff --git a/frontend/src/features/Main/components/LeaderBoard/index.ts b/frontend/src/features/Main/components/LeaderBoard/index.ts deleted file mode 100644 index 6cf4029..0000000 --- a/frontend/src/features/Main/components/LeaderBoard/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './LeaderBoard'; diff --git a/frontend/src/features/Main/components/index.ts b/frontend/src/features/Main/components/index.ts index b39d13b..9877e7f 100644 --- a/frontend/src/features/Main/components/index.ts +++ b/frontend/src/features/Main/components/index.ts @@ -1,3 +1 @@ export * from './Layout'; -export * from './IntrodutionPic'; -export * from './LeaderBoard';