Merge pull request #12 from rarimo/fix/after-review

Fix after review
rarimo · Nov 13, 2024 · 56611ad · 56611ad
2 parents 8c5b0ab + 6974e00
commit 56611ad
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 21 deletions.
diff --git a/src/components/AppAccordion/AppAccordion.scss b/src/components/AppAccordion/AppAccordion.scss
@@ -16,12 +16,13 @@
   @include respond-above(medium) {
     margin-bottom: to-rem(37);
     --accordion-title-font-size: #{to-rem(24)};
-    --accordion-content-font-size: #{to-rem(20)};
+    --accordion-content-font-size: #{to-rem(18)};
   }
 
   .app-accordion__title {
     color: var(--accordion-title-color);
     font-size: var(--accordion-title-font-size);
+    font-weight: 600;
   }
 
   .app-accordion__line {

diff --git a/src/components/ZkRegisterSection/ZkRegisterSection.jsx b/src/components/ZkRegisterSection/ZkRegisterSection.jsx
@@ -5,6 +5,7 @@ import { useEffect, useMemo, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 
 import { COMPONENT_NODE_IDS } from '@/const';
+import useAppContext from '@/hooks/useAppContext';
 
 import AppAccordion from '../AppAccordion';
 import AppButton from '../AppButton';
@@ -20,6 +21,7 @@ const ZkRegisterSection = () => {
   const { t } = useTranslation();
   const [activeIndex, setActiveIndex] = useState(0);
   const [imageIndex, setImageIndex] = useState(0);
+  const { isDesktop } = useAppContext();
 
   const accordions = useMemo(
     () => [
@@ -136,21 +138,23 @@ const ZkRegisterSection = () => {
             </li>
           ))}
         </ul>
-        <GlowingCard
-          className="zk-register-section__image-wrapper"
-          data-aos="fade-up"
-        >
-          {images.map((image, index) => (
-            <img
-              key={index}
-              src={image.src}
-              alt={image.alt}
-              className={cn({
-                visible: index === imageIndex,
-              })}
-            />
-          ))}
-        </GlowingCard>
+        {isDesktop && (
+          <GlowingCard
+            className="zk-register-section__image-wrapper"
+            data-aos="fade-up"
+          >
+            {images.map((image, index) => (
+              <img
+                key={index}
+                src={image.src}
+                alt={image.alt}
+                className={cn({
+                  visible: index === imageIndex,
+                })}
+              />
+            ))}
+          </GlowingCard>
+        )}
       </div>
     </section>
   );

diff --git a/src/components/ZkRegisterSection/ZkRegisterSection.scss b/src/components/ZkRegisterSection/ZkRegisterSection.scss
@@ -22,12 +22,9 @@
 
 .zk-register-section__content {
   margin-top: to-rem(32);
-  min-height: to-rem(420);
-  display: flex;
-  flex-direction: column-reverse;
-  gap: to-rem(32);
 
   @include respond-above(medium) {
+    min-height: to-rem(420);
     margin-top: to-rem(72);
     display: grid;
     grid-template-columns: 3fr 2fr;

diff --git a/src/localization/resources/en.json b/src/localization/resources/en.json
@@ -16,7 +16,7 @@
   },
   "app-footer": {
     "description": "An interoperability protocol for the next generation of multi-chain assets & identities",
-    "logo-text": "Privacy-first (ZK) social protocol",
+    "logo-text": "Permissionless (ZK) Registries",
     "nav-title": "Navigation",
     "follow-us-title": "Follow Us",
     "discord": "Discord",