Merge pull request #157 from TowerOneka/fix/blog

blog page
NilFoundation · Dec 18, 2023 · 24f46de · 24f46de
2 parents 7b1e81e + 3169d49
commit 24f46de
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 5 deletions.
diff --git a/site/src/components/common/ResearchCard/ResearchCard.module.scss b/site/src/components/common/ResearchCard/ResearchCard.module.scss
@@ -60,5 +60,4 @@
 
 .tag {
   transition: border 0.3s ease;
-  border: size(1) solid $grey;
 }
diff --git a/site/src/components/pages/PostPage/PostPage.module.scss b/site/src/components/pages/PostPage/PostPage.module.scss
@@ -53,20 +53,25 @@
   display: none;
   transition: opacity 0.3s ease;
 
+  align-items: center;
+
+  @include button-small;
+
   @include hover {
     opacity: 0.5;
   }
 
   @include mobile {
     width: 100%;
     display: inline-flex;
-    padding: size($spacing12) 0;
+    margin-top: 0;
+    padding: 0;
   }
 }
 
 .arrow {
   transform: rotate(270deg);
-  width: size(18);
+  width: size(14);
   height: size(14);
   margin-right: size($spacing8);
 }
@@ -247,6 +252,10 @@
     word-wrap: normal;
 
     @include paragraph;
+
+    @include mobile {
+      max-width: size(335);
+    }
   }
 
   a {

diff --git a/site/src/components/pages/PostPage/PostPage.tsx b/site/src/components/pages/PostPage/PostPage.tsx
@@ -30,7 +30,7 @@ type PostPageProps = {
 const ArrowButton = ({ className }: ArrowButtonProps) => (
   <Button href="/blog" className={cx(s.centerItems, className)}>
     <Icon name="arrow-up" className={s.arrow} />
-    <p className={s.paragraph}>Back to Blog</p>
+    <p>Back to Blog</p>
   </Button>
 )
 

diff --git a/site/src/components/pages/Research/ResearchLayout/ResearchLayout.module.scss b/site/src/components/pages/Research/ResearchLayout/ResearchLayout.module.scss
@@ -114,7 +114,6 @@
 
   @include mobile {
     flex-wrap: nowrap;
-    overflow-x: auto;
     margin-bottom: 0;
     background-color: $gray900;
   }
-Original file line number
+Diff line change
@@ Expand Up / @@ -60,5 +60,4 @@ @@
     .tag {
       transition: border 0.3s ease;
-      border: size(1) solid $grey;
     }