chore: merge branch 'fix/mobile-display' into dev

Author: mydearxym

src/containers/JobContent/styles/company_card.js

@@ -5,13 +5,15 @@ import { theme, cs } from '@utils'
 
 export const Wrapper = styled.div`
   ${cs.flexColumn()};
-  width: 100%;
   min-height: 140px;
   padding: 20px;
   max-width: 300px;
   background: ${theme('preview.articleBg')};
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
   margin-bottom: 15px;
+  ${cs.media.mobile`
+    width: 100%;
+  `};
 `
 export const CompanyBrand = styled.div`
   ${cs.flex()};

src/containers/JobContent/styles/index.js

@@ -27,6 +27,9 @@ export const MainWrapper = styled.div`
 `
 export const SidebarWrapper = styled.div`
   min-width: 250px;
+  ${cs.media.mobile`
+    display: none;
+  `};
 `
 /* background: ${theme('preview.articleBg')}; */
 export const ArticleWrapper = styled.div`
@@ -39,8 +42,9 @@ export const ArticleWrapper = styled.div`
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
 
   ${cs.media.tablet`
-    padding: 30px 20px;
+    padding: 30px 10px;
     min-height: 40vh;
+    margin-right: 0;
   `};
 `
 export const BodyHeaderWrapper = styled.div`

src/containers/PostContent/styles/index.js

@@ -29,6 +29,9 @@ export const MainWrapper = styled.div`
 `
 export const SidebarWrapper = styled.div`
   min-width: 250px;
+  ${cs.media.mobile`
+    display: none;
+  `};
 `
 /* background: ${theme('preview.articleBg')}; */
 export const ArticleWrapper = styled.div`
@@ -40,8 +43,9 @@ export const ArticleWrapper = styled.div`
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
   min-height: 200px;
   ${cs.media.mobile`
-    padding: 30px 20px;
+    padding: 30px 10px;
     min-height: 20vh;
+    margin-right: 0;
   `};
 `
 

src/containers/RepoContent/styles/index.js

@@ -27,6 +27,9 @@ export const MainWrapper = styled.div`
 `
 export const SidebarWrapper = styled.div`
   min-width: 250px;
+  ${cs.media.mobile`
+    display: none;
+  `};
 `
 /* background: ${theme('preview.articleBg')}; */
 export const ArticleWrapper = styled.div`
@@ -38,8 +41,9 @@ export const ArticleWrapper = styled.div`
   min-height: 200px;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
   ${cs.media.tablet`
-    padding: 30px 20px;
+    padding: 30px 10px;
     min-height: 30vh;
+    margin-right: 0;
   `};
 `
 

src/containers/RepoContent/styles/repo_status_card.js

@@ -11,6 +11,9 @@ export const Wrapper = styled.div`
   background: ${theme('preview.articleBg')};
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
   margin-bottom: 15px;
+  ${cs.media.mobile`
+    width: 100%;
+  `};
 `
 export const ReleaseWrapper = styled.div`
   ${cs.flex('justify-between')};

src/containers/VideoContent/styles/index.js

@@ -27,6 +27,9 @@ export const MainWrapper = styled.div`
 `
 export const SidebarWrapper = styled.div`
   min-width: 250px;
+  ${cs.media.mobile`
+    display: none;
+  `};
 `
 export const ArticleWrapper = styled.div`
   font-size: 1.1rem;
@@ -38,6 +41,7 @@ export const ArticleWrapper = styled.div`
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
   ${cs.media.tablet`
     padding: 30px 20px;
+    margin-right: 0;
   `};
 `
 export const BodyHeaderWrapper = styled.div`