diff options
author | Galen Guyer <galen@galenguyer.com> | 2022-08-31 12:31:25 -0400 |
---|---|---|
committer | Galen Guyer <galen@galenguyer.com> | 2022-08-31 12:31:25 -0400 |
commit | e9b9cd2cd88e453a3a35cf3f672ba965660b9ff2 (patch) | |
tree | df34e0aa8ffbc51fc14cbb1065437ba87e7b490f /src/components | |
parent | 3ce7ae5c53705c213b293bb7bca833b066c14d6a (diff) |
Update the dashboard with a message about the lack of any dashboards
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/Card.css | 45 | ||||
-rw-r--r-- | src/components/Card.jsx | 25 |
2 files changed, 0 insertions, 70 deletions
diff --git a/src/components/Card.css b/src/components/Card.css deleted file mode 100644 index 273e106..0000000 --- a/src/components/Card.css +++ /dev/null @@ -1,45 +0,0 @@ -.cardLink { - text-decoration: none; - color: black; - margin: 12px 24px; - flex-basis: 100%; - max-width: 200px; -} - -.Card { - text-decoration: none; - color: #000; - border: 2px solid #fbd38d; - border-radius: 12px; - padding: 0px 40px; -} - -@media screen and (max-width: 600px) { - .Card { - padding: 0px 16px; - margin: 10px 0px; - } -} - -.Latest { - font-size: 1.8em; -} - -.Diff { - color: #666; -} - -.Card:hover { - background-color: #ffc869; - color: #fff; -} -.Card:hover .Diff { - color: #fff; -} - -.animate { - -moz-transition: color,background-color 0.3s; - -webkit-transition: color,background-color 0.3s; - -ms-transition: color,background-color 0.3s; - transition: color,background-color 0.3s; -} diff --git a/src/components/Card.jsx b/src/components/Card.jsx deleted file mode 100644 index 95bd583..0000000 --- a/src/components/Card.jsx +++ /dev/null @@ -1,25 +0,0 @@ -import React from "react"; -import { Link } from "react-router-dom"; -import "./Card.css"; - -const Card = (props) => { - let diff = props.diff.toString(); - if (diff.charAt(0) != "-") { - diff = "+" + diff; - } - - return ( - <Link className="cardLink" to={props.link}> - <div className="Card animate"> - <p> - <span className="Latest">{props.latest}</span> <span className="Diff animate">({diff})</span> - </p> - <h3> - {props.name} - </h3> - </div> - </Link> - ); -}; - -export default Card; |