jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-12-03 22:58:57 -05:00
Code Issues Activity

refactor component styles to use type-safe stitches tokens

Browse Source 
https://stitches.dev/docs/typescript#stricter-experience
This commit is contained in:
Jake Jarvis
2022-07-07 13:33:20 -04:00
parent 2c7e266fc3
commit b1a92a2eab
40 changed files with 170 additions and 223 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/YouTubeEmbed/YouTubeEmbed.tsx
View File

@@ -1,6 +1,6 @@
import ReactPlayer from "react-player/youtube";
import { useHasMounted } from "../../hooks/use-has-mounted";
import { styled } from "../../lib/styles/stitches.config";
import { styled, theme } from "../../lib/styles/stitches.config";
import type { YouTubePlayerProps } from "react-player/youtube";
const Wrapper = styled("div", {
@@ -15,7 +15,7 @@ const Player = styled(ReactPlayer, {
// target both the lazy thumbnail preview *and* the actual YouTube embed
"& .react-player__preview, & iframe": {
borderRadius: "$rounded",
borderRadius: theme.radii.rounded,
},
});