Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
I_Helmet
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Analytics
Analytics
CI / CD
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
21_22-J 62
I_Helmet
Commits
4a3542a7
Commit
4a3542a7
authored
Apr 18, 2022
by
Balasuriya D.A.M.
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Tabs in Chakra UI
parent
fae881ed
Changes
3
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
55 additions
and
3 deletions
+55
-3
IT18021080/Telemedicine-Chat-App/frontend/src/Pages/Homepage.js
...1080/Telemedicine-Chat-App/frontend/src/Pages/Homepage.js
+33
-3
IT18021080/Telemedicine-Chat-App/frontend/src/components/Authentication/Login.js
...-Chat-App/frontend/src/components/Authentication/Login.js
+11
-0
IT18021080/Telemedicine-Chat-App/frontend/src/components/Authentication/Signup.js
...Chat-App/frontend/src/components/Authentication/Signup.js
+11
-0
No files found.
IT18021080/Telemedicine-Chat-App/frontend/src/Pages/Homepage.js
View file @
4a3542a7
import
React
from
"
react
"
;
import
React
from
"
react
"
;
import
{
Container
,
Box
,
Text
}
from
"
@chakra-ui/react
"
;
import
{
Container
,
Box
,
Text
,
Tab
,
TabList
,
TabPanel
,
TabPanels
,
Tabs
,
}
from
"
@chakra-ui/react
"
;
import
Login
from
"
../components/Authentication/Login
"
;
import
Signup
from
"
../components/Authentication/Signup
"
;
const
Homepage
=
()
=>
{
const
Homepage
=
()
=>
{
return
(
return
(
...
@@ -19,8 +30,27 @@ const Homepage = () => {
...
@@ -19,8 +30,27 @@ const Homepage = () => {
Miner
-
Doc
Miner
-
Doc
<
/Text
>
<
/Text
>
<
/Box
>
<
/Box
>
<
Box
>
<
Box
bg
=
"
white
"
w
=
"
100%
"
p
=
{
4
}
borderRadius
=
"
lg
"
color
=
"
black
"
borderWidth
=
"
1px
"
>
<
Tabs
variant
=
'
soft-rounded
'
colorScheme
=
'
green
'
>
<
TabList
mb
=
"
1em
"
>
<
Tab
width
=
"
50%
"
>
Login
<
/Tab
>
<
Tab
width
=
"
50%
"
>
Sign
Up
<
/Tab
>
<
/TabList
>
<
TabPanels
>
<
TabPanel
>
<
Login
/>
<
/TabPanel
>
<
TabPanel
>
<
Signup
/>
<
/TabPanel
>
<
/TabPanels
>
<
/Tabs
>
<
/Box
>
<
/Box
>
<
/Container
>
<
/Container
>
);
);
...
...
IT18021080/Telemedicine-Chat-App/frontend/src/components/Authentication/Login.js
0 → 100644
View file @
4a3542a7
import
React
from
"
react
"
;
const
Login
=
()
=>
{
return
(
<
div
>
Login
<
/div
>
);
}
export
default
Login
;
\ No newline at end of file
IT18021080/Telemedicine-Chat-App/frontend/src/components/Authentication/Signup.js
0 → 100644
View file @
4a3542a7
import
React
from
"
react
"
;
const
Signup
=
()
=>
{
return
(
<
div
>
Signup
<
/div
>
);
}
export
default
Signup
;
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment