mikwee
/
linkroots
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Styling the Tumblr button, bringing back the map

This commit is contained in:
mikwee 2021-11-08 17:02:39 +02:00
parent 103010679a
commit 4d038df5c1
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/App.js
View File

@ -11,8 +11,8 @@ function App() {
<div className="App"> <div className="App">
<h1 id="title">{data.title}</h1> <h1 id="title">{data.title}</h1>
<div id="container"> <div id="container">
<Button id="pinterest" variant="primary">Facebook</Button> <Button id="tumblr" variant="primary">Facebook</Button>
{/*{data.links.map((rootDetail, index)=>{ {data.links.map((rootDetail, index)=>{
if(rootDetail.type == "facebook") { if(rootDetail.type == "facebook") {
res = <AwesomeButton className="roots"></AwesomeButton> res = <AwesomeButton className="roots"></AwesomeButton>
} }
@ -23,7 +23,7 @@ function App() {
// throw "One of your roots has an unrecognized type. Check out the documentation for the supported types."; // throw "One of your roots has an unrecognized type. Check out the documentation for the supported types.";
} }
return res; return res;
})}*/} })}
</div> </div>
</div> </div>
); );

5
src/styles/roots.scss
View File

@ -21,7 +21,10 @@ $btn-border-width: 0px;
background-color: #0077b5; background-color: #0077b5;
} }
#pinterest { #pinterest {
background-color: #e60023; background-color: #e60023
}
#tumblr {
background-color: #35465c;
} }
@import "./node_modules/bootstrap/scss/bootstrap.scss"; @import "./node_modules/bootstrap/scss/bootstrap.scss";