alex
d3b92593d5
- Create Axios-based API client with sources, jobs, and dashboard endpoints - Add responsive Layout component with navigation sidebar - Set up React Router with Dashboard, Backups, and Settings routes - Configure TanStack Query provider with default options - Use lucide-react for navigation icons
30 lines
876 B
JavaScript
30 lines
876 B
JavaScript
import contains from './contains';
|
|
import ownerDocument from './ownerDocument';
|
|
import scrollLeft from './scrollLeft';
|
|
import scrollTop from './scrollTop';
|
|
/**
|
|
* Returns the offset of a given element, including top and left positions, width and height.
|
|
*
|
|
* @param node the element
|
|
*/
|
|
|
|
export default function offset(node) {
|
|
var doc = ownerDocument(node);
|
|
var box = {
|
|
top: 0,
|
|
left: 0,
|
|
height: 0,
|
|
width: 0
|
|
};
|
|
var docElem = doc && doc.documentElement; // Make sure it's not a disconnected DOM node
|
|
|
|
if (!docElem || !contains(docElem, node)) return box;
|
|
if (node.getBoundingClientRect !== undefined) box = node.getBoundingClientRect();
|
|
box = {
|
|
top: box.top + scrollTop(docElem) - (docElem.clientTop || 0),
|
|
left: box.left + scrollLeft(docElem) - (docElem.clientLeft || 0),
|
|
width: box.width,
|
|
height: box.height
|
|
};
|
|
return box;
|
|
} |