diff pagination fix

Author: KittyJose

packages/tdb-documents-ui/sandbox/README.md

@@ -182,7 +182,7 @@ If you dont want to use themes at an application level then import CSS to make t
 #### Light mode
 ```
 import { FrameViewer } from  '@terminusdb/terminusdb-documents-ui'
-import "terminusdb__light.css"
+import "@terminusdb/terminusdb-documents-ui/dist/css/terminusdb__light.css"
 return <FrameViewer
 	frame={frame} 								// frames
 	mode={"View"} 							    // mode in which to display the form
@@ -194,7 +194,7 @@ return <FrameViewer
 #### Dark mode
 ```
 import { FrameViewer } from  '@terminusdb/terminusdb-documents-ui'
-import  "terminusdb__darkly.css"
+import  "@terminusdb/terminusdb-documents-ui/dist/css/terminusdb__darkly.css"
 return <FrameViewer
 	frame={frame} 								// frames
 	mode={"View"} 							    // mode in which to display the form

packages/tdb-documents-ui/sandbox/src/SubmittedData.js

@@ -14,6 +14,6 @@ export const SubmittedData = () => {
 		placeholder={data}
 		viewOnly={true}
 		height= {"550px"}
-		width= {"500px"}
+		width= {"380px"}
 	/>
 }

packages/tdb-documents-ui/sandbox/src/View.js

@@ -7,9 +7,11 @@ import Button from "react-bootstrap/Button"
 import { Stack } from "react-bootstrap"
 import { Search } from "./SearchComponent"
 
-//import "../../src/css/terminusdb__light"
-//import "../../src/css/terminusdb__darkly"
 
+//import '@terminusdb/terminusdb-documents-ui/dist/css/terminusdb__darkly.css'
+//import '@terminusdb/terminusdb-documents-ui/dist/css/terminusdb__light.css'
+//import '../../src/css/terminusdb__darkly.css'
+//import '../../src/css/terminusdb__light.css'
 
 export const View = () => { 
 
@@ -39,8 +41,8 @@ export const View = () => {
         formData={getFormData(mode, type, setData)}
         onTraverse={handleTraverse}
         onSelect={<Search/>}
-        //theme="darkly"
-        showThemeSelector={true}
+        theme="darkly"
+        //showThemeSelector={true}
         onSubmit={handleSubmit}
         type={type}
       />