fix:asyncapi#907: sidebar broken in playground

surajTade · Oct 5, 2024 · e3666ec · e3666ec
1 parent 268e0fa
commit e3666ec
Showing 1 changed file with 1 addition and 9 deletions.
diff --git a/library/src/containers/AsyncApi/Layout.tsx b/library/src/containers/AsyncApi/Layout.tsx
@@ -25,20 +25,12 @@ const AsyncApiLayout: React.FunctionComponent<Props> = ({
   config,
   error = null,
 }) => {
-  const [observerClassName, setObserverClassName] = useState('container:xl');
-
   const { ref } = useResizeObserver<HTMLDivElement>({
     onResize: ({ width }) => {
       requestAnimationFrame(() => {
         if (width === undefined) {
           return;
         }
-
-        const possibleClassName =
-          width <= 1280 ? 'container:xl' : 'container:base';
-        if (possibleClassName !== observerClassName) {
-          setObserverClassName(possibleClassName);
-        }
       });
     },
   });
@@ -49,7 +41,7 @@ const AsyncApiLayout: React.FunctionComponent<Props> = ({
       <SpecificationContext.Provider value={asyncapi}>
         <section className="aui-root">
           <div
-            className={`${observerClassName} relative md:flex bg-white leading-normal`}
+            className={`w-full relative md:flex bg-white leading-normal`}
             id={config.schemaID ?? undefined}
             ref={ref}
           >