From b6b0a48d758bd797f99bcc8635ed12fbd0081327 Mon Sep 17 00:00:00 2001 From: Ben Grant Date: Tue, 2 Mar 2021 22:47:29 +1100 Subject: [PATCH] Responsive design and embedded fonts --- crabfit-frontend/public/fonts/molot.otf | Bin 0 -> 11900 bytes crabfit-frontend/public/fonts/samuraibob.ttf | Bin 0 -> 7932 bytes crabfit-frontend/public/index.css | 12 +++++++ .../CalendarField/calendarFieldStyle.ts | 32 ++++++++++-------- crabfit-frontend/src/pages/Home/homeStyle.ts | 6 +++- 5 files changed, 35 insertions(+), 15 deletions(-) create mode 100644 crabfit-frontend/public/fonts/molot.otf create mode 100644 crabfit-frontend/public/fonts/samuraibob.ttf diff --git a/crabfit-frontend/public/fonts/molot.otf b/crabfit-frontend/public/fonts/molot.otf new file mode 100644 index 0000000000000000000000000000000000000000..28c304933ce5498a93839614ffe46629b723e0c4 GIT binary patch literal 11900 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 On&EsbK^>c6lK%q%(K+}4 literal 0 HcmV?d00001 diff --git a/crabfit-frontend/public/fonts/samuraibob.ttf b/crabfit-frontend/public/fonts/samuraibob.ttf new file mode 100644 index 0000000000000000000000000000000000000000..8ab735c3493513c60aeee1df8a979e49ee6a8d91 GIT binary patch literal 7932 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 R=~8}8DnY4f*jT>V{u@l5v*G{% literal 0 HcmV?d00001 diff --git a/crabfit-frontend/public/index.css b/crabfit-frontend/public/index.css index 749c6cd..1101eb6 100644 --- a/crabfit-frontend/public/index.css +++ b/crabfit-frontend/public/index.css @@ -3,3 +3,15 @@ src: url('fonts/karla-variable.ttf') format('truetype'); font-weight: 1 999; } + +@font-face { + font-family: 'Samurai Bob'; + src: url('fonts/samuraibob.ttf') format('truetype'); + font-weight: 400; +} + +@font-face { + font-family: 'Molot'; + src: url('fonts/molot.otf') format('opentype'); + font-weight: 400; +} diff --git a/crabfit-frontend/src/components/CalendarField/calendarFieldStyle.ts b/crabfit-frontend/src/components/CalendarField/calendarFieldStyle.ts index a8f7e18..1789310 100644 --- a/crabfit-frontend/src/components/CalendarField/calendarFieldStyle.ts +++ b/crabfit-frontend/src/components/CalendarField/calendarFieldStyle.ts @@ -33,21 +33,35 @@ export const CalendarDays = styled.div` grid-gap: 2px; `; +export const Day = styled.div` + display: flex; + align-items: center; + justify-content: center; + padding: 3px 0; + font-weight: bold; + user-select: none; + opacity: .7; + + @media (max-width: 350px) { + font-size: 12px; + } +`; + export const CalendarBody = styled.div` display: grid; grid-template-columns: repeat(7, 1fr); grid-gap: 2px; - & div:first-child { + & div:first-of-type { border-top-left-radius: 3px; } - & div:nth-child(7) { + & div:nth-of-type(7) { border-top-right-radius: 3px; } - & div:nth-last-child(7) { + & div:nth-last-of-type(7) { border-bottom-left-radius: 3px; } - & div:last-child { + & div:last-of-type { border-bottom-right-radius: 3px; } `; @@ -81,13 +95,3 @@ export const Date = styled.div` color: ${props.isToday ? props.theme.primaryDark : (props.otherMonth ? props.theme.primaryLight : 'inherit')}; `} `; - -export const Day = styled.div` - display: flex; - align-items: center; - justify-content: center; - padding: 3px 10px; - font-weight: bold; - user-select: none; - opacity: .7; -`; diff --git a/crabfit-frontend/src/pages/Home/homeStyle.ts b/crabfit-frontend/src/pages/Home/homeStyle.ts index f4cb919..ac3f3a0 100644 --- a/crabfit-frontend/src/pages/Home/homeStyle.ts +++ b/crabfit-frontend/src/pages/Home/homeStyle.ts @@ -14,7 +14,7 @@ export const TitleSmall = styled.span` margin: 0; font-size: 3rem; text-align: center; - font-family: 'CF Samurai Bob'; + font-family: 'Samurai Bob'; font-weight: 400; color: ${props => props.theme.primaryDark}; line-height: 1em; @@ -29,6 +29,10 @@ export const TitleLarge = styled.h1` font-weight: 400; text-shadow: 0 4px 0 ${props => props.theme.primaryDark}; line-height: 1em; + + @media (max-width: 350px) { + font-size: 3.5rem; + } `; export const Logo = styled.img`