ui updates

OpenQDev · Aug 24, 2023 · ea0899f · ea0899f
1 parent 941b2d4
commit ea0899f
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 22 deletions.
diff --git a/components/Layout/Navigation/index.jsx b/components/Layout/Navigation/index.jsx
@@ -151,7 +151,7 @@ const Navigation = () => {
         </div>
       ) : null}
       <LoadingThread />
-      <div className='flex bg-nav-bg py-1 h-16 relative z-10'>
+      <div className='flex bg-nav-bg py-1 h-16 relative z-30'>
         <div className='flex visible relative w-full'>
           <div className='flex w-full md:py-1 justify-between mx-4 md:mx-8'>
             <div className='flex space-x-5 items-center'>

diff --git a/components/Sales/drm/base/animateIn.jsx b/components/Sales/drm/base/animateIn.jsx
@@ -10,8 +10,6 @@ const AnimateIn = ({ children, direction, delay = 0, margin = '0px' }) => {
               setTimeout(() => {
                 entry.target.classList.add(`animate-fade-in-${direction}`);
               }, delay);
-            } else {
-              entry.target.classList.remove(`animate-fade-in-${direction}`);
             }
           });
         },

diff --git a/components/Sales/drm/faq-questions.jsx b/components/Sales/drm/faq-questions.jsx
@@ -10,25 +10,27 @@ const FaqQuestion = ({ question, answer }) => {
   return (
     <div onClick={toggleAnswer} className='flex flex-col cursor-pointer'>
       <div className='flex flex-row items-center justify-start border-b border-gray-300 pt-2 pb-5'>
-        <div className='w-6 h-6 min-w-[24px] mt-2 mr-3  flex-initial'>
-          <svg
-            xmlns='http://www.w3.org/2000/svg'
-            fill='none'
-            viewBox='0 0 24 24'
-            strokeWidth='1.5'
-            stroke='#533AED'
-            className={`w-full h-full cursor-pointer ${isOpen ? 'transform rotate-180 -mt-4' : ''}`}
-          >
-            {isOpen ? (
-              <path strokeLinecap='round' strokeLinejoin='round' d='M18 12H6' />
-            ) : (
-              <path strokeLinecap='round' strokeLinejoin='round' d='M12 4.5v15m7.5-7.5h-15' />
-            )}
-          </svg>
-        </div>
         <div className='flex flex-col'>
-          <div className='text-black text-xl font-semibold pt-3 text-left'>{question}</div>
-          {isOpen && <div className='text-gray-600 text-md text-left pt-3'>{answer}</div>}
+          <div className='text-black text-xl font-semibold pt-3 flex gap-2 content-center items-center text-left'>
+            <div className='w-6 h-6 min-w-[24px]  flex-initial'>
+              <svg
+                xmlns='http://www.w3.org/2000/svg'
+                fill='none'
+                viewBox='0 0 24 24'
+                strokeWidth='1.5'
+                stroke='#533AED'
+                className={`w-full h-full cursor-pointer ${isOpen ? 'transform rotate-180 -mt-0.25' : ''}`}
+              >
+                {isOpen ? (
+                  <path strokeLinecap='round' strokeLinejoin='round' d='M18 12H6' />
+                ) : (
+                  <path strokeLinecap='round' strokeLinejoin='round' d='M12 4.5v15m7.5-7.5h-15' />
+                )}
+              </svg>
+            </div>
+            {question}
+          </div>
+          {isOpen && <div className='text-gray-600 text-md text-left pt-3 pl-8'>{answer}</div>}
         </div>
       </div>
     </div>

diff --git a/components/Sales/drm/faq.jsx b/components/Sales/drm/faq.jsx
@@ -8,7 +8,7 @@ const Faq = () => {
       <div className='flex flex-col px-8 bg-white justify-center items-center lg:text-center pb-20'>
         <Heading className='pt-3 self-left w-full'>Frequently</Heading>
         <Heading className='pt-3 pb-12 w-full'>asked questions</Heading>
-        <div>
+        <div className='w-full max-w-[1000px] '>
           <FaqQuestion
             question='How can the DRM help improve developer retention?'
             answer='The DRM platform improves developer retention through comprehensive interaction records, allowing DevRels to maintain and manage communication effectively. With Git analytics and real-time tracking, organizations can stay updated on developer engagement and identify potential churn. Data-driven insights from the platform enable informed decision-making, correlating DevRel efforts to positive developer responses for better resource allocation. The platform empowers organizations to strategically plan and foster growth, increasing developer retention rates.'