Thanks to visit codestin.com
Credit goes to github.com

Skip to content
This repository was archived by the owner on Mar 9, 2021. It is now read-only.

learn V2 #59

Merged
merged 16 commits into from
Nov 1, 2017
Merged

learn V2 #59

Changes from 1 commit
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
89bcd17
learn page v2 initial push
Oct 25, 2017
197279e
Merge branch 'master' of github.com:coderplex/coderplex into v2
Oct 25, 2017
84e84f0
latest merge from master
Oct 25, 2017
32a7112
mobile view bug fixed
Oct 25, 2017
30912ac
filter domain added with functionality
Oct 29, 2017
d598dc3
implement parameterized routing for learn pages
vinaypuppal Oct 29, 2017
627a7f3
fix typo
vinaypuppal Oct 29, 2017
7e2ab3d
space under search added
Oct 30, 2017
aac6496
overview section added to learn/
Oct 31, 2017
5f1838c
removed stale packages
Oct 31, 2017
c9fd5f0
guides section completed without style
Oct 31, 2017
86e44fd
table style improved
Oct 31, 2017
5f47064
empty style tag bug fixed in production
Oct 31, 2017
19af29f
in mobile view, font of table header decreased
Oct 31, 2017
9f5b33d
contributors to learn page added
Oct 31, 2017
de9d20f
contritional added for only showing curriculum for laravel
Nov 1, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
space under search added
  • Loading branch information
M-ZubairAhmed committed Oct 30, 2017
commit 7e2ab3d57307f848b9c9db47d566a80d404e3bc3
32 changes: 18 additions & 14 deletions pages/learn/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,19 +47,21 @@ class Learn extends React.Component {
/>
<main>
<section>
{listOfDomains.map(domain => (
<Button
key={domain}
style={{ marginBottom: '10px' }}
className="filter_button"
basic
color="pink"
onClick={() => this.setState({ filter: domain })}
>
{domain}
</Button>
))}
<Search className="learn_search" placeholder="Search topics" />
<div className="filters">
{listOfDomains.map(domain => (
<Button
key={domain}
style={{ marginBottom: '10px' }}
className="filter_button"
basic
color="pink"
onClick={() => this.setState({ filter: domain })}
>
{domain}
</Button>
))}
</div>
<Search placeholder="Search topics" />
<Header
as="h3"
dividing
Expand Down Expand Up @@ -119,7 +121,6 @@ class Learn extends React.Component {
</Grid.Column>
))}
</Grid>
{/* </Grid> */}
</section>
</main>
<style jsx>{`
Expand All @@ -142,6 +143,9 @@ class Learn extends React.Component {
margin: 50px 0;
max-width: 800px;
}
.filters {
margin-bottom: 20px;
}
logo {
font-size: 12em;
text-align: center;
Expand Down