diff --git a/src/components/Github.js b/src/components/Github.js index 4a6dba5..c4b5900 100644 --- a/src/components/Github.js +++ b/src/components/Github.js @@ -16,10 +16,12 @@ class Github extends React.Component { const render = this.props.repos.map((repo) =>{ console.log(repo); return ( -
-
{repo.name}
-

{repo.description}

-
+ + +
{repo.name}
+

{repo.description ? repo.description : "No Description"}

+
+ ); }); console.log(render); diff --git a/src/components/css/Github.css b/src/components/css/Github.css index 678c019..f0dc166 100644 --- a/src/components/css/Github.css +++ b/src/components/css/Github.css @@ -1,9 +1,10 @@ + + .repo { display: flex; flex-direction: column; background-color: #DDDCDC; border-radius: 10px; - padding: 10px; align-items: center; margin-top: 10px; } @@ -14,4 +15,18 @@ width: 50vw; margin-left: auto; margin-right: auto; +} + +.repo .title { + background-color: gray; + width:100%; + text-align:center; + border-top-left-radius: 10px; + border-top-right-radius: 10px; + padding-top:5px; + padding-bottom:5px; +} + +.repo .description { + padding:10px; } \ No newline at end of file diff --git a/src/components/css/Home.css b/src/components/css/Home.css index 2597bc0..7ac0b2b 100644 --- a/src/components/css/Home.css +++ b/src/components/css/Home.css @@ -38,7 +38,14 @@ color: #CFCFBA; } -a:link, a:visited { +a:link { + color: inherit; + text-decoration: none; + cursor: pointer; +} + +a:visited { + color: inherit; text-decoration: none; cursor: pointer; } diff --git a/src/components/css/Navigation.css b/src/components/css/Navigation.css index d224724..7390b23 100644 --- a/src/components/css/Navigation.css +++ b/src/components/css/Navigation.css @@ -10,7 +10,7 @@ } .Navigation a { - color: white; + color: #CFC0C0 !important; padding:10px; }