Test (#458)

* Editor: Fix height * SubNav: Fix width * Editor: Actually fix height
sbondCo · Nov 29, 2023 · ea45edc · ea45edc
1 parent 75c718e
commit ea45edc
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/common/SubNav.tsx b/src/common/SubNav.tsx
@@ -32,7 +32,7 @@ export function SubNavItem({ icon, text }: SubNavItemProps) {
     const elIcon = document.querySelector<HTMLElement>(".navlink.active .navlink-icon");
     const elText = document.querySelector<HTMLElement>(".navlink.active .navlink-text");
     if (el && elIcon && elText) {
-      el.classList.add(...inactiveLinkClass);
+      el.classList.add(...inactiveLinkClass, "!w-[50px]");
       elText.classList.add(...inactiveTextClass, "!w-0");
       elIcon.classList.remove("!mr-2");
     }
@@ -44,7 +44,7 @@ export function SubNavItem({ icon, text }: SubNavItemProps) {
     const elIcon = document.querySelector<HTMLElement>(".navlink.active .navlink-icon");
     const elText = document.querySelector<HTMLElement>(".navlink.active .navlink-text");
     if (el && elIcon && elText) {
-      el.classList.remove(...inactiveLinkClass);
+      el.classList.remove(...inactiveLinkClass, "!w-[50px]");
       elText.classList.remove(...inactiveTextClass, "!w-0");
       elIcon.classList.add("!mr-2");
     }

diff --git a/src/editor/Editor.tsx b/src/editor/Editor.tsx
@@ -64,7 +64,7 @@ export default function VideoEditor() {
   } = useEditor(playerRef, timelineRef, progressBarRef, clipsBarRef, genState.videoEditorVolume);
 
   return (
-    <div className="flex h-[calc(100vh_-_77px)] flex-col gap-1.5 my-1.5 h-full">
+    <div className="flex flex-col gap-1.5 my-1.5 h-[calc(100vh-77px)]">
       <div className="flex gap-1.5 mx-1.5">
         <Tooltip text="Back To Videos">
           <Button