Skip to content
Snippets Groups Projects
Commit 58272535 authored by Nipa Das's avatar Nipa Das
Browse files

Merge branch 'features/ashok/social_buttons' into 'development'

Features/ashok/social buttons

See merge request nipa.das/sample_argon!12
parents 37e70755 1aee51c6
No related branches found
No related tags found
1 merge request!5Features/ashok/cards
This commit is part of merge request !5. Comments created here will be created in the context of that merge request.
......@@ -28,7 +28,7 @@
Learn how to configure a non-root public URL by running `npm run build`.
-->
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
<title>React App</title>
</head>
<body>
......
import React from "react";
import "./Cards.scss";
function Cards(props){
return (
<div className="card">
<div className="card-body">
<span>{props.name} <i className="far fa-hand-point-up" id="icon"></i></span>
<h2>{props.number}</h2>
<span><i className="fa fa-arrow-up"></i> {props.percentage} {props.month}</span>
</div>
</div>
);
}
export default Cards;
\ No newline at end of file
.card{
background-color: whitesmoke;
width: 320px;
border-radius: 5px;
}
p{
width: 60px;
color: #8898AA;
}
.card-body{
padding-left: 20px;
}
#icon{
padding-left: 60px;
size: 80px;
}
\ No newline at end of file
import React from "react";
import "./Social_buttons.css";
import "./Social_buttons.scss";
function Social_button(props){
return (
<button onClick={props.handleClick}>
<button onClick={props.handleClick} className="social_buttons">
<div>
<img src="{props.img}"></img>
<img src={props.img} className="icon"></img>
{props.buttonName}
</div>
</button>
......
img{
.icon{
height: 20px;
width: 20px;
margin-right: 8px;
}
button{
.social_buttons{
border: 0px;
background-color: white;
font-size: 19px;
margin: 100px 100px 100px 100px;
box-shadow: 2px 2px 1px #aaaa;
border-radius: 5px ;
transition: all 200ms ease-in;
padding-left: 20px;
padding-right: 20px;
}
button:hover{
.social_buttons:hover{
color: cadetblue;
-webkit-transform:scale(1.1);
}
\ No newline at end of file
export { default as Button } from "./Button";
export{default as SearchBar} from './SearchBar'
// export { default as Button } from "./Button";
// export{default as SearchBar} from './SearchBar'
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment