diff --git a/src/Router.js b/src/Router.js index 71a1b96..f5f6453 100644 --- a/src/Router.js +++ b/src/Router.js @@ -29,6 +29,9 @@ export default class AppRouter extends Component { + + + ) diff --git a/src/assets/icons/bioFirst.png b/src/assets/icons/bioFirst.png new file mode 100644 index 0000000..bbb5ba4 Binary files /dev/null and b/src/assets/icons/bioFirst.png differ diff --git a/src/assets/icons/bioSecond.png b/src/assets/icons/bioSecond.png new file mode 100644 index 0000000..d7e031b Binary files /dev/null and b/src/assets/icons/bioSecond.png differ diff --git a/src/assets/icons/bioThird.png b/src/assets/icons/bioThird.png new file mode 100644 index 0000000..cec7b6b Binary files /dev/null and b/src/assets/icons/bioThird.png differ diff --git a/src/assets/icons/chat.png b/src/assets/icons/chat.png new file mode 100644 index 0000000..b989f68 Binary files /dev/null and b/src/assets/icons/chat.png differ diff --git a/src/assets/icons/phonenumber.png b/src/assets/icons/phonenumber.png new file mode 100644 index 0000000..2249662 Binary files /dev/null and b/src/assets/icons/phonenumber.png differ diff --git a/src/views/Auth/Bio/Bio.scss b/src/views/Auth/Bio/Bio.scss index f5d27a3..2f11fd6 100644 --- a/src/views/Auth/Bio/Bio.scss +++ b/src/views/Auth/Bio/Bio.scss @@ -19,6 +19,8 @@ max-width: 200px; text-align: justify; font-family: IRANSansNumeralLight; + position: relative; + top : 20px; } .three-dots{ align-items: center; @@ -30,6 +32,12 @@ background-color : #afafaf; } } + & img{ + position: absolute; + top : 0px; + width : 100%; + height: 30%; + } } & button{ diff --git a/src/views/Auth/Bio/FirstBio/FirstBio.js b/src/views/Auth/Bio/FirstBio/FirstBio.js index 0c2c5e9..d9e8a1e 100644 --- a/src/views/Auth/Bio/FirstBio/FirstBio.js +++ b/src/views/Auth/Bio/FirstBio/FirstBio.js @@ -1,11 +1,14 @@ import React, { Component } from 'react'; import NavigateNextIcon from '@material-ui/icons/NavigateNext'; -import { Divider } from '@material-ui/core'; +import bioFirst from '../../../../assets/icons/bioFirst.png'; + export default class FirstBio extends Component { render() { return( <> +

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی میباشد.

diff --git a/src/views/Auth/Bio/SecondBio/SecondBio.js b/src/views/Auth/Bio/SecondBio/SecondBio.js index 9633749..855cd46 100644 --- a/src/views/Auth/Bio/SecondBio/SecondBio.js +++ b/src/views/Auth/Bio/SecondBio/SecondBio.js @@ -1,11 +1,13 @@ import React, { Component } from 'react'; import NavigateNextIcon from '@material-ui/icons/NavigateNext'; import NavigateBeforeIcon from '@material-ui/icons/NavigateBefore'; +import bioSecond from '../../../../assets/icons/bioSecond.png'; export default class SecondBio extends Component { render() { return( <> +

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی میباشد.

diff --git a/src/views/Auth/Bio/ThirdBio/ThirdBio.js b/src/views/Auth/Bio/ThirdBio/ThirdBio.js index d3f63ce..bb9cfbd 100644 --- a/src/views/Auth/Bio/ThirdBio/ThirdBio.js +++ b/src/views/Auth/Bio/ThirdBio/ThirdBio.js @@ -1,11 +1,13 @@ import React, { Component } from 'react'; import NavigateNextIcon from '@material-ui/icons/NavigateNext'; import NavigateBeforeIcon from '@material-ui/icons/NavigateBefore'; +import bioThird from '../../../../assets/icons/bioThird.png'; export default class SecondBio extends Component { render() { return( <> +

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی میباشد.

diff --git a/src/views/Auth/Login/Login.scss b/src/views/Auth/Login/Login.scss index 1e8a652..89b410f 100644 --- a/src/views/Auth/Login/Login.scss +++ b/src/views/Auth/Login/Login.scss @@ -18,30 +18,41 @@ } &-mobile__top{ width: 100%; - height: 40%; + height: 30%; flex-direction: column; align-items: center; justify-content: flex-end; - background-color: rgba(111,108,255,1); text-align: right; color: white; box-shadow: 0 0 80px rgba(77, 75, 75, 0.8); + position: relative; & div{ width: 200px; text-align: right; position: relative; left : 30px; + z-index: 150; } & p{ width: 200px; position: relative; left : 30px; + z-index: 150; } + & img{ + width : 300%; + height : 300%; + position: absolute; + top : -140%; + left: -105%; + z-index: 100; + } } &-mobile__input{ width:280px; - margin : 30px auto 0px; + margin : 30% auto 0px; position: relative; + z-index: 200; input{ width: 100%; border-radius: 20px; diff --git a/src/views/Auth/Login/Mobile/Mobile.js b/src/views/Auth/Login/Mobile/Mobile.js index 26dbbda..d4d3e38 100644 --- a/src/views/Auth/Login/Mobile/Mobile.js +++ b/src/views/Auth/Login/Mobile/Mobile.js @@ -1,4 +1,5 @@ import React, { Component } from 'react'; +import phonenumber from '../../../../assets/icons/phonenumber.png'; export default class Mobile extends Component { render() { @@ -7,6 +8,7 @@ export default class Mobile extends Component {
منتظرت بودیم

شماره‌تو بده تا کد تأیید رو برات بفرستم. دست دست نکن

+
diff --git a/src/views/ChatRoom/Body/Body.js b/src/views/ChatRoom/Body/Body.js index 1a9ef2e..9dccdb5 100644 --- a/src/views/ChatRoom/Body/Body.js +++ b/src/views/ChatRoom/Body/Body.js @@ -208,6 +208,11 @@ export default class Body extends Component { id: 'm8', text: prevState.message, voice : null, + image : null, + file : null, + video : null, + music : null, + document : null, createdAt: now.toString(), user: { id: 'u1', diff --git a/src/views/ChatRoom/Body/Body.scss b/src/views/ChatRoom/Body/Body.scss index 2f293eb..a85fe36 100644 --- a/src/views/ChatRoom/Body/Body.scss +++ b/src/views/ChatRoom/Body/Body.scss @@ -1,6 +1,8 @@ @media screen and (max-width: 450px){ .chat-body{ background-color: rgb(210, 196, 214); + background: url(../../../assets/icons/chat.png); + background-size: cover; justify-content:flex-start; flex : 1; max-height: calc(100vh - 150px); @@ -73,6 +75,8 @@ border-bottom-right-radius: 40px; z-index: 200; background-color: rgb(210, 196, 214); + background: url(../../../assets/icons/chat.png); + background-size: cover; } } } \ No newline at end of file