diff --git a/crabfit-frontend/public/index.css b/crabfit-frontend/public/index.css index 952af59..399b4a0 100644 --- a/crabfit-frontend/public/index.css +++ b/crabfit-frontend/public/index.css @@ -19,3 +19,24 @@ font-weight: 400; font-style: normal; } + +/* IE 10+ */ +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + #root { + font-family: Karla, sans-serif; + text-align: center; + margin: 20vh auto; + font-size: 1.3em; + font-weight: 600; + } + #root::before { + content: '🦀'; + font-size: 1.5em; + display: block; + padding: 20px; + } + #root::after { + display: block; + content: 'Crab Fit doesn\'t work in Internet Explorer. Please try using a modern browser.'; + } +} diff --git a/crabfit-frontend/public/index.html b/crabfit-frontend/public/index.html index 49cc9b7..a7e3981 100644 --- a/crabfit-frontend/public/index.html +++ b/crabfit-frontend/public/index.html @@ -2,6 +2,7 @@
+ @@ -36,7 +37,9 @@ - + diff --git a/crabfit-frontend/src/components/Button/Button.tsx b/crabfit-frontend/src/components/Button/Button.tsx index a7d2efb..64e788d 100644 --- a/crabfit-frontend/src/components/Button/Button.tsx +++ b/crabfit-frontend/src/components/Button/Button.tsx @@ -2,7 +2,7 @@ import { Pressable } from './buttonStyle'; const Button = ({ href, type = 'button', icon, children, ...props }) => (