fix(mobile): fix height scroll and select bar missing value

bitcointranscripts · Jan 8, 2025 · 9c382d9 · 9c382d9
1 parent b53c648
commit 9c382d9
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 6 deletions.
diff --git a/src/app/(explore)/template.tsx b/src/app/(explore)/template.tsx
@@ -9,7 +9,7 @@ export default function ExploreLayout({
 }) {
   return (
     <>
-      <section className="mt-2 md:mt-6 h-[calc(100vh-var(--header-height)-26px)] overflow-y-auto">
+      <section className="mt-2 md:mt-6 h-[calc(100svh-var(--header-height)-26px)] overflow-y-auto">
         <Wrapper className="flex gap-[50px] md:pb-[100px]">
           <ExploreNavigation />
           <div className="w-full scroll-smooth">{children}</div>

diff --git a/src/components/explore/ContentGrouping.tsx b/src/components/explore/ContentGrouping.tsx
@@ -26,11 +26,11 @@ const ContentGrouping = ({
       linkRef.current.click();
     }
   };
-  
+
   useEffect(() => {
     if (currentGroup) {
       if (selectRef.current) {
-        selectRef.current.value = `${currentGroup}`;
+        selectRef.current.value = `${createSlug(currentGroup)}`;
       }
     }
   }, [currentGroup]);
@@ -68,7 +68,6 @@ const ContentGrouping = ({
           <div className="selection-box pr-2 bg-orange-custom-800 py-2.5 px-4 rounded-md ">
             <select
               onChange={onOptionsChange}
-              value={currentGroup}
               ref={selectRef}
               className="pr-3  bg-orange-custom-800   w-full outline-none font-medium"
             >

diff --git a/src/components/individual-transcript/IndividualTranscript.tsx b/src/components/individual-transcript/IndividualTranscript.tsx
@@ -27,7 +27,7 @@ const IndividualTranscript = ({
     let keyWithoutHash  = key.replace(/[#]+\s+/gi, "")
     acc[keyWithoutHash] = [{
       name: keyWithoutHash,
-      slug: createContentSlug(key), 
+      slug: createContentSlug(key),
     }]
      return acc;
   }, {})
@@ -38,7 +38,7 @@ const IndividualTranscript = ({
   ];
   const finalRoutes = [...staticRoutes, ...breadCrumbs];
   return (
-    <Wrapper className="relative flex flex-col !px-0 gap-6 lg:gap-7 2xl:gap-10 mx-auto h-[calc(100vh-var(--header-height))] w-full overflow-y-auto scroll-smooth">
+    <Wrapper className="relative flex flex-col !px-0 gap-6 lg:gap-7 2xl:gap-10 mx-auto h-[calc(100svh-var(--header-height)-10px)] w-full overflow-y-auto scroll-smooth">
       <div className="py-4 lg:pt-7 2xl:pt-10 px-4 lg:px-10 2xl:px-[60px]">
         <BaseCrumbLists crumbsArray={finalRoutes} />
       </div>