From 63eca64a8860610055efdc2c8cbb17f9b6a57166 Mon Sep 17 00:00:00 2001 From: ismail Date: Fri, 25 Aug 2023 15:07:53 +0100 Subject: [PATCH] layout --- .../src/components/Layout/Assets/Dash.tsx | 14 ++-- .../src/components/Layout/Assets/Game.tsx | 10 +++ .../src/components/Layout/Assets/Logo.tsx | 2 +- .../src/components/Layout/Assets/Message.tsx | 11 +++ .../code/src/components/Layout/Assets/Out.tsx | 11 +++ .../src/components/Layout/Assets/Profile.tsx | 10 +++ .../src/components/Layout/Assets/Search.tsx | 15 ++++ .../src/components/Layout/Assets/Settings.tsx | 9 +++ .../src/components/Layout/Assets/dash.svg | 6 -- .../src/components/Layout/Assets/logo.svg | 14 ---- frontend/code/src/components/Layout/index.tsx | 71 ++++++++++++------- frontend/code/tailwind.config.js | 2 +- 12 files changed, 123 insertions(+), 52 deletions(-) create mode 100644 frontend/code/src/components/Layout/Assets/Game.tsx create mode 100644 frontend/code/src/components/Layout/Assets/Message.tsx create mode 100644 frontend/code/src/components/Layout/Assets/Out.tsx create mode 100644 frontend/code/src/components/Layout/Assets/Profile.tsx create mode 100644 frontend/code/src/components/Layout/Assets/Search.tsx create mode 100644 frontend/code/src/components/Layout/Assets/Settings.tsx delete mode 100644 frontend/code/src/components/Layout/Assets/dash.svg delete mode 100644 frontend/code/src/components/Layout/Assets/logo.svg diff --git a/frontend/code/src/components/Layout/Assets/Dash.tsx b/frontend/code/src/components/Layout/Assets/Dash.tsx index 17a3a55..4484f46 100644 --- a/frontend/code/src/components/Layout/Assets/Dash.tsx +++ b/frontend/code/src/components/Layout/Assets/Dash.tsx @@ -1,10 +1,12 @@ export const Dash = () => { return ( - - - - - - +
+ + + + + + +
) } \ No newline at end of file diff --git a/frontend/code/src/components/Layout/Assets/Game.tsx b/frontend/code/src/components/Layout/Assets/Game.tsx new file mode 100644 index 0000000..305231c --- /dev/null +++ b/frontend/code/src/components/Layout/Assets/Game.tsx @@ -0,0 +1,10 @@ +export const Game = () => { + return ( +
+ + + +
+ + ) +} \ No newline at end of file diff --git a/frontend/code/src/components/Layout/Assets/Logo.tsx b/frontend/code/src/components/Layout/Assets/Logo.tsx index 96e39e4..1cff7ab 100644 --- a/frontend/code/src/components/Layout/Assets/Logo.tsx +++ b/frontend/code/src/components/Layout/Assets/Logo.tsx @@ -1,6 +1,6 @@ export const Logo = () => { return ( - + diff --git a/frontend/code/src/components/Layout/Assets/Message.tsx b/frontend/code/src/components/Layout/Assets/Message.tsx new file mode 100644 index 0000000..dc48401 --- /dev/null +++ b/frontend/code/src/components/Layout/Assets/Message.tsx @@ -0,0 +1,11 @@ +export const Message = () => { + return ( +
+ + + + + +
+ ) +} \ No newline at end of file diff --git a/frontend/code/src/components/Layout/Assets/Out.tsx b/frontend/code/src/components/Layout/Assets/Out.tsx new file mode 100644 index 0000000..8be25e0 --- /dev/null +++ b/frontend/code/src/components/Layout/Assets/Out.tsx @@ -0,0 +1,11 @@ + +export const Out = () => { + return ( +
+ + + + +
+ ) +} diff --git a/frontend/code/src/components/Layout/Assets/Profile.tsx b/frontend/code/src/components/Layout/Assets/Profile.tsx new file mode 100644 index 0000000..bfdb2fb --- /dev/null +++ b/frontend/code/src/components/Layout/Assets/Profile.tsx @@ -0,0 +1,10 @@ + +export const Profile = () => { + return ( +
+ + + +
+ ) +} \ No newline at end of file diff --git a/frontend/code/src/components/Layout/Assets/Search.tsx b/frontend/code/src/components/Layout/Assets/Search.tsx new file mode 100644 index 0000000..5f713ac --- /dev/null +++ b/frontend/code/src/components/Layout/Assets/Search.tsx @@ -0,0 +1,15 @@ +import { FC } from 'react' +import {BiSearch} from 'react-icons/bi' +interface scales { + w:number; + h:number; +} +export const Search : FC = (props) : JSX.Element => { + console.log(props) + return ( +
+ +
+
+ ) +} \ No newline at end of file diff --git a/frontend/code/src/components/Layout/Assets/Settings.tsx b/frontend/code/src/components/Layout/Assets/Settings.tsx new file mode 100644 index 0000000..44cda73 --- /dev/null +++ b/frontend/code/src/components/Layout/Assets/Settings.tsx @@ -0,0 +1,9 @@ +export const Settings = () => { +return ( +
+ + + +
+ ) +} \ No newline at end of file diff --git a/frontend/code/src/components/Layout/Assets/dash.svg b/frontend/code/src/components/Layout/Assets/dash.svg deleted file mode 100644 index 0a9df36..0000000 --- a/frontend/code/src/components/Layout/Assets/dash.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/frontend/code/src/components/Layout/Assets/logo.svg b/frontend/code/src/components/Layout/Assets/logo.svg deleted file mode 100644 index 228ec52..0000000 --- a/frontend/code/src/components/Layout/Assets/logo.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/frontend/code/src/components/Layout/index.tsx b/frontend/code/src/components/Layout/index.tsx index a662da4..75553e4 100644 --- a/frontend/code/src/components/Layout/index.tsx +++ b/frontend/code/src/components/Layout/index.tsx @@ -1,38 +1,61 @@ import { Logo } from './Assets/Logo' import { Alert } from './Assets/Alert' import { Avatar } from './Assets/Avatar' -import {BiSearch} from 'react-icons/bi' - +import { Search } from './Assets/Search' +import { Dash } from './Assets/Dash' +import { Game } from './Assets/Game' +import { Message } from './Assets/Message' +import { Profile } from './Assets/Profile' +import { Settings } from './Assets/Settings' +import { Out } from './Assets/Out' +let props = { + width :42, + height:6 +} export const Layout = () => { return ( <> -
-
- -
- -
+
+ +
+
+ +
+
+ + + +
+
+
+ +
+
+ + + + + +
+
+
- -
- -
-
- - - +
+ + + +
+
-
-
) diff --git a/frontend/code/tailwind.config.js b/frontend/code/tailwind.config.js index c0a9fc9..45dacdc 100644 --- a/frontend/code/tailwind.config.js +++ b/frontend/code/tailwind.config.js @@ -31,7 +31,7 @@ module.exports = { "primary-content" :"#5921CB", - "secondary": "#272932", + "secondary": "#6A4CFC", "accent": "#aedd1f",