Merge pull request #1290 from ItzNotABug/fix-startups-page

Fix Startups Page
appwrite · Aug 31, 2024 · 2ac0eca · 2ac0eca
2 parents 226923c + eda74b4
commit 2ac0eca
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 12 deletions.
diff --git a/src/routes/pricing/faq.svelte b/src/routes/pricing/faq.svelte
@@ -91,7 +91,10 @@
                             <span class="web-label web-u-color-text-primary">
                                 {faqItem.question}
                             </span>
-                            <div class="icon web-u-color-text-primary self-start">
+                            <div
+                                class="icon web-u-color-text-primary self-start transition-transform"
+                                class:rotate-180={$isSelected(`${index}`)}
+                            >
                                 <span class="icon-cheveron-down" aria-hidden="true" />
                             </div>
                         </button>

diff --git a/src/routes/startups/+page.svelte b/src/routes/startups/+page.svelte
@@ -165,7 +165,7 @@
 <Main>
     <img class="absolute inset-0 mx-auto block" src={BackgroundHero} alt="" />
     <img class="e-bg-left-mobile absolute top-0" src={BackgroundLeft} alt="" />
-    <img class="e-bg-right-mobile absolute inset-y-0" src={BackgroundRight} alt="" />
+    <img class="e-bg-right-mobile absolute right-0" src={BackgroundRight} alt="" />
     <div class="web-big-padding-section relative overflow-hidden">
         <div class="relative py-10">
             <div class="web-big-padding-section-level-2 e-u-margin-block-128-desktop">
@@ -641,8 +641,8 @@
             </div>
         </div>
 
-        <div id="form" class="overflow-hidden p-0 py-10">
-            <div class="web-big-padding-section-level-2 is-margin-replace-padding relative">
+        <div id="form" class="overflow-hidden pt-10">
+            <div class="pt-[7.5rem] is-margin-replace-padding relative">
                 <div class="relative">
                     <div class="web-big-padding-section-level-2">
                         <div class="container relative">
@@ -822,12 +822,13 @@
                             </section>
                         </div>
                     </div>
-                    <div class="container">
-                        <FooterNav />
-                        <MainFooter />
-                    </div>
                 </div>
             </div>
+
+            <div class="container">
+                <FooterNav />
+                <MainFooter />
+            </div>
         </div>
     </div>
 </Main>

diff --git a/src/routes/startups/faq.svelte b/src/routes/startups/faq.svelte
@@ -74,7 +74,7 @@
 </script>
 
 <ul
-    class="collapsible w-full"
+    class="collapsible w-full divide-y divide-white/5"
     style="--p-toggle-border-color: var(--web-color-smooth);"
     use:melt={$root}
     id="faq"
@@ -84,16 +84,22 @@
             <!-- Progressive Enhancement for kbd navigation & animations -->
             {#if browser}
                 <div
-                    class="collapsible-wrapper"
+                    class="collapsible-wrapper py-2"
                     use:melt={$item(`${index}`)}
                     {...{ open: $isSelected(`${index}`) ? true : undefined }}
                 >
                     <h3 use:melt={$heading({ level: 3 })}>
-                        <button class="collapsible-button w-full" use:melt={$trigger(`${index}`)}>
+                        <button
+                            class="flex w-full items-center justify-between gap-2.5 py-6 text-left"
+                            use:melt={$trigger(`${index}`)}
+                        >
                             <span class="web-label web-u-color-text-primary">
                                 {faqItem.question}
                             </span>
-                            <div class="icon web-u-color-text-primary">
+                            <div
+                                class="icon web-u-color-text-primary self-start transition-transform"
+                                class:rotate-180={$isSelected(`${index}`)}
+                            >
                                 <span class="icon-cheveron-down" aria-hidden="true" />
                             </div>
                         </button>