hermes/meshtastic-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix debug scroll

Browse Source
This commit is contained in:
Sacha Weatherstone
2022-01-16 17:12:14 +11:00
parent 070fbc664f
commit 033da3c99b
1 changed files with 4 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Nodes/Sidebar.tsx
+4 -7
View File
@@ -30,7 +30,7 @@ export const Sidebar = ({ node, closeSidebar }: SidebarProps): JSX.Element => {
}); });
return ( return (
<div className="absolute z-50 w-full h-full bg-white border-l border-gray-300 md:z-10 md:max-w-sm md:static min-w-max dark:border-gray-600 dark:bg-secondaryDark"> <div className="absolute z-50 flex flex-col w-full h-full bg-white border-l border-gray-300 md:z-10 md:max-w-sm md:static min-w-max dark:border-gray-600 dark:bg-secondaryDark">
<Tab.Group> <Tab.Group>
<div className="shadow-md"> <div className="shadow-md">
<div className="p-2"> <div className="p-2">
@@ -72,7 +72,7 @@ export const Sidebar = ({ node, closeSidebar }: SidebarProps): JSX.Element => {
</TabButton> </TabButton>
</Tab.List> </Tab.List>
</div> </div>
<Tab.Panels className="h-full bg-gray-100 dark:bg-primaryDark"> <Tab.Panels className="flex-grow overflow-y-auto bg-gray-100 dark:bg-primaryDark">
<Tab.Panel className="p-2">Content 1</Tab.Panel> <Tab.Panel className="p-2">Content 1</Tab.Panel>
<Tab.Panel className="p-2"> <Tab.Panel className="p-2">
{node.currentPosition && ( {node.currentPosition && (
@@ -101,7 +101,7 @@ export const Sidebar = ({ node, closeSidebar }: SidebarProps): JSX.Element => {
<Tab.Panel className="p-2">Content 3</Tab.Panel> <Tab.Panel className="p-2">Content 3</Tab.Panel>
<Tab.Panel className="p-2">Remote Administration</Tab.Panel> <Tab.Panel className="p-2">Remote Administration</Tab.Panel>
<Tab.Panel className="relative"> <Tab.Panel className="relative">
<div className="absolute right-0 m-2"> <div className="fixed right-0 m-2">
<IconButton <IconButton
onClick={(): void => { onClick={(): void => {
setToCopy(JSON.stringify(node)); setToCopy(JSON.stringify(node));
@@ -110,10 +110,7 @@ export const Sidebar = ({ node, closeSidebar }: SidebarProps): JSX.Element => {
icon={isCopied ? <FiCheck /> : <FiClipboard />} icon={isCopied ? <FiCheck /> : <FiClipboard />}
/> />
</div> </div>
<JSONPretty <JSONPretty className="max-w-sm" data={node} />
className="h-screen max-w-sm pb-40 overflow-y-auto"
data={node}
/>
</Tab.Panel> </Tab.Panel>
</Tab.Panels> </Tab.Panels>
</Tab.Group> </Tab.Group>