Add minor refinements

rarimo · Apr 12, 2024 · 75dd861 · 75dd861
1 parent d748867
commit 75dd861
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 30 deletions.
diff --git a/src/components/AppSidebar/AppSidebar.jsx b/src/components/AppSidebar/AppSidebar.jsx
@@ -7,7 +7,6 @@ import cn from 'classnames';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import AppButton, { APP_BUTTON_SCHEMES } from '@/components/AppButton';
 import BurgerButton from '@/components/BurgerButton';
 import MainOverlay from '@/components/MainOverlay';
 import Portal from '@/components/Portal';
@@ -107,14 +106,6 @@ const AppSidebar = ({ isVisible, toggleVisibility }) => {
             </a>
           </div>
         </div>
-        <footer className="app-sidebar__footer">
-          <AppButton
-            className="app-sidebar__footer-link"
-            href={CONFIG.whitepaperLink}
-            scheme={APP_BUTTON_SCHEMES.secondary}
-            textKey="app-sidebar.whitepaper-link"
-          />
-        </footer>
       </aside>
     </Portal>
   );

diff --git a/src/components/CommunitySection/CommunitySection.jsx b/src/components/CommunitySection/CommunitySection.jsx
@@ -40,7 +40,7 @@ const CommunitySection = () => {
 
       <ul className="community-section__list">
         {communitySectionList.map((item, index) => (
-          <li className="comunity-section__list-item" key={index}>
+          <li className="community-section__list-item" key={index}>
             <a
               className={cn([
                 'community-section__list-item-link',

diff --git a/src/components/CommunitySection/CommunitySection.scss b/src/components/CommunitySection/CommunitySection.scss
@@ -14,7 +14,11 @@
 }
 
 .community-section__title {
-  max-width: to-rem(300);
+  max-width: to-rem(200);
+
+  @include respond-above(medium) {
+    max-width: to-rem(300);
+  }
 }
 
 .community-section__text {
@@ -56,15 +60,6 @@
   }
 }
 
-.comunity-section__list-item {
-  height: 100%;
-  display: flex;
-  align-items: center;
-  background-color: var(--primary-bg-color);
-  border: to-rem(1) solid var(--primary-border-color);
-  overflow: hidden;
-}
-
 .community-section__list-item-link {
   width: 100%;
   height: 100%;

diff --git a/src/components/NewsSection/NewsSection.jsx b/src/components/NewsSection/NewsSection.jsx
@@ -84,8 +84,6 @@ const NewsSection = () => {
             grab-cursor="true"
             free-mode={isDesktop}
             edge-swipe-detection="true"
-            breakpoints-1280-slides-per-view="4"
-            breakpoints-1280-enabled="false"
             a11y-slide-role="listitem"
             a11y-container-role-description-message="Last news list"
             a11y-item-role-description-message="Actual news"

diff --git a/src/components/NewsSection/NewsSection.scss b/src/components/NewsSection/NewsSection.scss
@@ -44,13 +44,15 @@
 }
 
 .news-section__list {
-  overflow-x: scroll;
-  -webkit-overflow-scrolling: touch;
-  -ms-overflow-style: none;
-  scrollbar-width: none;
+  @include respond-above(xmedium) {
+    overflow-x: scroll;
+    -webkit-overflow-scrolling: touch;
+    -ms-overflow-style: none;
+    scrollbar-width: none;
 
-  &::-webkit-scrollbar {
-    display: none;
+    &::-webkit-scrollbar {
+      display: none;
+    }
   }
 }
 

diff --git a/src/components/SolutionsSection/SolutionsSection.jsx b/src/components/SolutionsSection/SolutionsSection.jsx
@@ -73,8 +73,8 @@ const SolutionsSection = () => {
             edge-swipe-detection="true"
             pagination="true"
             a11y-slide-role="listitem"
-            a11y-container-role-description-message="Use cases list"
-            item-role-description-message="Use case"
+            a11y-container-role-description-message="Solutions list"
+            item-role-description-message="Solution"
             data-aos="fade-up"
           >
             {solutionsList.map(solution => (