Adjust AssignmentCard responsiveness
This commit is contained in:
parent
2c768058aa
commit
966a4bb8c8
2 changed files with 3 additions and 3 deletions
|
@ -1,7 +1,7 @@
|
||||||
// ========== Desktop ==========
|
// ========== Desktop ==========
|
||||||
const desktopCardContainer = classrooms => ({
|
const desktopCardContainer = classrooms => ({
|
||||||
position: 'relative',
|
position: 'relative',
|
||||||
width: '100%',
|
width: '35em',
|
||||||
borderLeft: `5px solid ${classrooms[0].color}`,
|
borderLeft: `5px solid ${classrooms[0].color}`,
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
|
@ -56,7 +56,7 @@ function View({ layoutType, classrooms, assignments, onClickClassCard }) {
|
||||||
<Skeleton
|
<Skeleton
|
||||||
key={i}
|
key={i}
|
||||||
variant="rectangular"
|
variant="rectangular"
|
||||||
width={390}
|
width="35em"
|
||||||
height={145}
|
height={145}
|
||||||
/>
|
/>
|
||||||
))
|
))
|
||||||
|
@ -130,7 +130,7 @@ function View({ layoutType, classrooms, assignments, onClickClassCard }) {
|
||||||
key={i}
|
key={i}
|
||||||
variant="rectangular"
|
variant="rectangular"
|
||||||
width="100%"
|
width="100%"
|
||||||
height={245}
|
height={190}
|
||||||
/>
|
/>
|
||||||
))
|
))
|
||||||
) : assignments.length !== 0 ? (
|
) : assignments.length !== 0 ? (
|
||||||
|
|
Loading…
Reference in a new issue