diff --git a/src/Home.tsx b/src/Home.tsx index 95e5745..367bdb1 100644 --- a/src/Home.tsx +++ b/src/Home.tsx @@ -1,12 +1,7 @@ import * as React from "react"; import PlainLink from "./PlainLink"; -import PlatformContext, { FormFactor } from "./Platform/PlatformContext"; export default function Home() { - const platformInfo = React.useContext(PlatformContext) - - const buttonStyle = platformInfo.formFactor === FormFactor.Wide ? "button" : "button-compact" - return ( <>
@@ -14,10 +9,10 @@ export default function Home() {
-
Projects
+
Projects
-
Resume
+
Resume
diff --git a/src/index.css b/src/index.css index dac3d07..0a4b4df 100644 --- a/src/index.css +++ b/src/index.css @@ -68,31 +68,14 @@ body { font-family: "Roboto", sans-serif; } -.button-compact { - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; - border-radius: 25px; - box-shadow: 1px 4px 6px 0px rgba(0, 0, 0, 0.20000000298023224); - padding-top: 1em; - padding-right: 5em; - padding-bottom: 1em; - padding-left: 5em; - border-color: rgba(255, 255, 255, 1); - border-width: 1px; - border-style: solid; - background-color: rgba(255, 255, 255, 1); - color: rgba(111, 111, 111, 1); - font-size: 1.5em; - letter-spacing: 0%; - text-align: left; - font-family: "Roboto", sans-serif; -} - -.button-compact:hover { - background-color: rgb(183, 213, 255); - border-color: rgb(183, 213, 255); +@media (max-width: 50em) { + .button { + padding-top: 1em; + padding-right: 5em; + padding-bottom: 1em; + padding-left: 5em; + font-size: 1.5em; + } } input[type="text"] {