pages
This commit is contained in:
@@ -1,7 +1,7 @@
|
|||||||
import classNames from 'classnames';
|
import classNames from 'classnames';
|
||||||
|
|
||||||
const Content = ({ className, visible, children }) => (
|
const Content = ({ className, visible, children }) => (
|
||||||
<div className={classNames(`h-full overflow-auto py-2 absolute top-0 ${className || ''}`, {
|
<div className={classNames(`h-full overflow-auto py-2 absolute top-0`, className, {
|
||||||
visible,
|
visible,
|
||||||
invisible: !visible
|
invisible: !visible
|
||||||
})}>
|
})}>
|
||||||
|
|||||||
@@ -3,7 +3,7 @@ import Content from "../Content";
|
|||||||
|
|
||||||
const Profile = ({ selected }) => {
|
const Profile = ({ selected }) => {
|
||||||
return (
|
return (
|
||||||
<Content visible={selected}>
|
<Content visible={selected} className="p-4">
|
||||||
<h2>Profile</h2>
|
<h2>Profile</h2>
|
||||||
</Content>
|
</Content>
|
||||||
)
|
)
|
||||||
|
|||||||
@@ -2,7 +2,7 @@ import Content from "../Content";
|
|||||||
|
|
||||||
const Settings = ({ selected }) => {
|
const Settings = ({ selected }) => {
|
||||||
return (
|
return (
|
||||||
<Content visible={selected}>
|
<Content visible={selected} className="p-4">
|
||||||
<h2>Settings</h2>
|
<h2>Settings</h2>
|
||||||
</Content>
|
</Content>
|
||||||
)
|
)
|
||||||
|
|||||||
Reference in New Issue
Block a user