fix: fixes to what is displayed if not logged only tailwind class

2060-io · Aug 19, 2024 · 6f312b3 · 6f312b3
1 parent 4400341
commit 6f312b3
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 14 deletions.
diff --git a/src/components/Dropdowns/DropdownUpdateState.tsx b/src/components/Dropdowns/DropdownUpdateState.tsx
@@ -15,7 +15,6 @@ export const DropdownUpdateState: React.FC<DropdownUpdateStateProps> = ({dts}) =
   const dropdown = useRef<any>(null);
   const auth = useAuth();
   const router = useRouter();
-  const listServices = document.getElementById('list-services');
 
   // close on click outside
   useEffect(() => {
@@ -43,18 +42,6 @@ export const DropdownUpdateState: React.FC<DropdownUpdateStateProps> = ({dts}) =
     return () => document.removeEventListener("keydown", keyHandler);
   });
 
-  // resize of the window
-  useEffect(() => {
-    window.addEventListener('resize', () => {
-      if(Number(window.innerWidth) < 1300){
-        listServices?.classList.add('overflow-x-auto');
-      }
-      else{
-        listServices?.classList.remove('overflow-x-auto');
-      }
-    })
-  })
-
   function setStyleState(state: string): string {
     let color = 'text-black';
     color = 'ENABLED' === state ? 'text-success dark:text-success' : 'DISABLED' === state ? 'text-danger dark:text-danger' : 'EDITING' === state ? 'text-warning dark:text-warning' : 'text-black dark:text-white'

diff --git a/src/components/Services/DtsList.tsx b/src/components/Services/DtsList.tsx
@@ -187,7 +187,7 @@ function DtsList() {
 
   if (auth.isAuthenticated) {
     return (
-      <div className="rounded-sm border border-stroke bg-white px-5 pb-2.5 pt-6 shadow-default dark:border-strokedark dark:bg-boxdark sm:px-7.5 xl:pb-1" id="list-services">
+      <div className="xsm:overflow-x-auto 2xsm:overflow-x-auto sm:overflow-x-auto md:overflow-x-auto lg:overflow-x-auto xl:overflow-x-visible 2xl:overflow-x-visible 3xl:overflow-x-visible rounded-sm border border-stroke px-5 pb-2.5 pt-6 shadow-default dark:border-strokedark dark:bg-boxdark sm:px-7.5 xl:pb-1" id="list-services">
         <div className="flex justify-between items-center mb-6">
           <div className="flex items-left">
             <table>