parent
d981abb377
commit
c79b0a91b7
9 changed files with 103 additions and 7 deletions
@ -0,0 +1,23 @@ |
|||||||
|
.settings { |
||||||
|
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; |
||||||
|
|
||||||
|
.navbar { |
||||||
|
padding: 1.5rem 0.5rem 0 0.5rem; |
||||||
|
background: color(sidebarBackground); |
||||||
|
app-region: drag; |
||||||
|
|
||||||
|
button { |
||||||
|
padding: 0.3rem 0.5rem; |
||||||
|
|
||||||
|
svg { |
||||||
|
font-size: 1.3rem; |
||||||
|
} |
||||||
|
|
||||||
|
label { |
||||||
|
margin-top: 0.2rem; |
||||||
|
display: block; |
||||||
|
font-size: 0.8rem; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,16 @@ |
|||||||
|
import React from "react"; |
||||||
|
|
||||||
|
import {Gear} from "react-bootstrap-icons"; |
||||||
|
|
||||||
|
const Navbar = () => { |
||||||
|
return ( |
||||||
|
<nav className="navbar"> |
||||||
|
<button> |
||||||
|
<Gear /> |
||||||
|
<label>General</label> |
||||||
|
</button> |
||||||
|
</nav> |
||||||
|
); |
||||||
|
}; |
||||||
|
|
||||||
|
export default Navbar; |
@ -0,0 +1,13 @@ |
|||||||
|
import React from "react"; |
||||||
|
|
||||||
|
import Navbar from "./Navbar"; |
||||||
|
|
||||||
|
const Settings = () => { |
||||||
|
return ( |
||||||
|
<section className="settings"> |
||||||
|
<Navbar /> |
||||||
|
</section> |
||||||
|
); |
||||||
|
}; |
||||||
|
|
||||||
|
export default Settings; |
Loading…
Reference in new issue