Toggle navigation
Toggle navigation
This project
Loading...
Sign in
2020-1-CloudComputing-E
/
E_Team_KhuBox
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Graphs
Network
Create a new issue
Commits
Issue Boards
Authored by
Woojin Lee
2020-04-29 21:41:25 +0900
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
6b52fd4bd0ce1495fd19e9e7e82ccf3008d7fd0c
6b52fd4b
1 parent
077e7039
Add right sidebar
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
39 additions
and
3 deletions
khubox-front/khubox/src/App.js
khubox-front/khubox/src/index.js
khubox-front/khubox/src/App.js
View file @
6b52fd4
...
...
@@ -13,7 +13,7 @@ const NavBar = () => {
);
}
const
SideBar
=
()
=>
{
const
Left
SideBar
=
()
=>
{
return
(
<
nav
class
=
"col-md-2 d-none d-md-block bg-light sidebar"
>
<
div
class
=
"sidebar-sticky"
>
...
...
@@ -70,12 +70,49 @@ const SideBar = () => {
);
}
const
RightSideBar
=
()
=>
{
return
(
<
nav
class
=
"col-md-2 d-none d-md-block bg-light sidebar"
>
<
div
class
=
"sidebar-sticky"
>
<
ul
class
=
"nav flex-column"
>
<
li
class
=
"nav-item"
>
<
a
class
=
"nav-link active"
href
=
"#"
>
<
svg
xmlns
=
"http://www.w3.org/2000/svg"
width
=
"24"
height
=
"24"
viewBox
=
"0 0 24 24"
fill
=
"none"
stroke
=
"currentColor"
stroke
-
width
=
"2"
stroke
-
linecap
=
"round"
stroke
-
linejoin
=
"round"
class
=
"feather feather-home"
><
path
d
=
"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"
><
/path><polyline points="9 22 9 12 15 12 15 22"></
polyline
><
/svg
>
Dashboard
<
span
class
=
"sr-only"
>
(
current
)
<
/span
>
<
/a
>
<
/li
>
<
li
class
=
"nav-item"
>
<
a
class
=
"nav-link"
href
=
"#"
>
<
svg
xmlns
=
"http://www.w3.org/2000/svg"
width
=
"24"
height
=
"24"
viewBox
=
"0 0 24 24"
fill
=
"none"
stroke
=
"currentColor"
stroke
-
width
=
"2"
stroke
-
linecap
=
"round"
stroke
-
linejoin
=
"round"
class
=
"feather feather-file"
><
path
d
=
"M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"
><
/path><polyline points="13 2 13 9 20 9"></
polyline
><
/svg
>
파일
업로드
<
/a
>
<
/li
>
<
li
class
=
"nav-item"
>
<
a
class
=
"nav-link"
href
=
"#"
>
<
svg
xmlns
=
"http://www.w3.org/2000/svg"
width
=
"24"
height
=
"24"
viewBox
=
"0 0 24 24"
fill
=
"none"
stroke
=
"currentColor"
stroke
-
width
=
"2"
stroke
-
linecap
=
"round"
stroke
-
linejoin
=
"round"
class
=
"feather feather-shopping-cart"
><
circle
cx
=
"9"
cy
=
"21"
r
=
"1"
><
/circle><circle cx="20" cy="21" r="1"></
circle
><
path
d
=
"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"
><
/path></
svg
>
폴더
업로드
<
/a
>
<
/li
>
<
li
class
=
"nav-item"
>
<
a
class
=
"nav-link"
href
=
"#"
>
<
svg
xmlns
=
"http://www.w3.org/2000/svg"
width
=
"24"
height
=
"24"
viewBox
=
"0 0 24 24"
fill
=
"none"
stroke
=
"currentColor"
stroke
-
width
=
"2"
stroke
-
linecap
=
"round"
stroke
-
linejoin
=
"round"
class
=
"feather feather-users"
><
path
d
=
"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"
><
/path><circle cx="9" cy="7" r="4"></
circle
><
path
d
=
"M23 21v-2a4 4 0 0 0-3-3.87"
><
/path><path d="M16 3.13a4 4 0 0 1 0 7.75"></
path
><
/svg
>
새
폴더
<
/a
>
<
/li
>
<
/ul
>
<
/div
>
<
/nav
>
);
}
function
App
()
{
return
(
<
div
className
=
"App"
>
<
NavBar
/>
<
div
class
=
"row"
>
<
SideBar
/>
<
LeftSideBar
/>
<
RightSideBar
/>
<
/div
>
<
/div
>
);
...
...
khubox-front/khubox/src/index.js
View file @
6b52fd4
...
...
@@ -2,7 +2,6 @@ import React from 'react';
import
ReactDOM
from
'react-dom'
;
import
'./index.css'
;
import
App
from
'./App'
;
import
*
as
serviceWorker
from
'./serviceWorker'
;
ReactDOM
.
render
(
<
App
/>
,
...
...
Please
register
or
login
to post a comment