fixed top-line of drop-area (#1049)

Author: kartikpersistent

frontend/src/App.css

@@ -355,4 +355,4 @@
   max-width: 100%;
   position: relative;
   height: 100%;
-}
+}

frontend/src/components/Content.tsx

@@ -532,8 +532,9 @@ const Content: React.FC<ContentProps> = ({
   const handleOpenGraphClick = () => {
     const bloomUrl = process.env.VITE_BLOOM_URL;
     const uriCoded = userCredentials?.uri.replace(/:\d+$/, '');
-    const connectURL = `${uriCoded?.split('//')[0]}//${userCredentials?.userName}@${uriCoded?.split('//')[1]}:${userCredentials?.port ?? '7687'
-      }`;
+    const connectURL = `${uriCoded?.split('//')[0]}//${userCredentials?.userName}@${uriCoded?.split('//')[1]}:${
+      userCredentials?.port ?? '7687'
+    }`;
     const encodedURL = encodeURIComponent(connectURL);
     const replacedUrl = bloomUrl?.replace('{CONNECT_URL}', encodedURL);
     window.open(replacedUrl, '_blank');

frontend/src/components/Layout/DrawerDropzone.tsx

@@ -72,7 +72,7 @@ const DrawerDropzone: React.FC<DrawerProps> = ({
                   )}
                   <Flex gap='6' className='h-full source-container'>
                     {APP_SOURCES.includes('local') && (
-                      <div className='px-6 outline-dashed outline-2 outline-offset-2 outline-gray-100 imageBg'>
+                      <div className='px-6 outline-dashed outline-2 outline-offset-2 outline-gray-100 mt-3 imageBg'>
                         <DropZone />
                       </div>
                     )}

frontend/src/components/Popups/GraphEnhancementDialog/index.tsx

@@ -134,7 +134,6 @@ export default function GraphEnhancementDialog({ open, onClose }: { open: boolea
         <Tabs.TabPanel className='n-flex n-flex-col n-gap-token-4 n-p-token-6' value={activeTab} tabId={4}>
           <PostProcessingCheckList />
         </Tabs.TabPanel>
-
       </Dialog.Content>
     </Dialog>
   );

frontend/src/services/GetNodeLabelsRelTypes.ts

@@ -4,7 +4,7 @@ import api from '../API/Index';
 export const getNodeLabelsAndRelTypes = async () => {
   const formData = new FormData();
   try {
-    const response = await api.post<ServerData>(`/schema`,formData);
+    const response = await api.post<ServerData>(`/schema`, formData);
     return response;
   } catch (error) {
     console.log(error);

frontend/src/services/GetOrphanNodes.ts

@@ -4,7 +4,7 @@ import api from '../API/Index';
 export const getOrphanNodes = async () => {
   const formData = new FormData();
   try {
-    const response = await api.post<OrphanNodeResponse>(`/get_unconnected_nodes_list`,formData);
+    const response = await api.post<OrphanNodeResponse>(`/get_unconnected_nodes_list`, formData);
     return response;
   } catch (error) {
     console.log(error);