doc: add styles in Movie stylesheet

2022-09-03 13:03:41 -07:00
parent 9083aff42e
commit 2a9f5fe56d
1 changed files with 37 additions and 0 deletions
@@ -0,0 +1,37 @@
+import { makeStyles } from '@mui/styles';
+
+export default makeStyles((theme) => ({
+    movie: {
+        padding: '10px',
+    },
+    title: {
+        color: theme.palette.text.primary,
+        textOverflow: 'ellipsis',
+        width: '230px',
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+        marginTop: '10px',
+        marginBottom: 0,
+        textAlign: 'center',
+    },
+    links: {
+        alignItems: 'center',
+        fontWeight: 'bolder',
+        textDecoration: 'none',
+        [theme.breakpoints.up('xs')]: {
+            display: 'flex',
+            flexDirection: 'column',
+        },
+        '&:hover': {
+            cursor: 'pointer',
+        },
+    },
+    image: {
+        borderRadius: '20px',
+        height: '300px',
+        marginBottom: '10px',
+        '&:hover': {
+            transform: 'scale(1.05)',
+        },
+    },
+}));