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