diff --git a/assets/images/photo-icon.svg b/assets/images/photo-icon.svg index 57ee59835..d9662bedc 100644 --- a/assets/images/photo-icon.svg +++ b/assets/images/photo-icon.svg @@ -1,9 +1,3 @@ - - - - - - - + diff --git a/src/staff/components/StaffProperties/StaffProperties.tsx b/src/staff/components/StaffProperties/StaffProperties.tsx index 1a2b10f63..3cdc2f628 100644 --- a/src/staff/components/StaffProperties/StaffProperties.tsx +++ b/src/staff/components/StaffProperties/StaffProperties.tsx @@ -34,6 +34,14 @@ const useStyles = makeStyles( position: "relative", width: 120 }, + avatarActionText: { + "&:hover": { + textDecoration: "underline" + }, + color: "#fff", + cursor: "pointer", + fontSize: 12 + }, avatarDefault: { "& div": { color: "#fff", @@ -47,17 +55,10 @@ const useStyles = makeStyles( width: 120 }, avatarHover: { - "& p": { - "&:hover": { - textDecoration: "underline" - }, - color: theme.palette.primary.main, - cursor: "pointer", - fontSize: 12, - fontWeight: 500 - }, background: "#00000080", borderRadius: "100%", + fontSize: 12, + fontWeight: 500, height: 120, opacity: 0, padding: theme.spacing(2.5, 0), @@ -155,13 +156,19 @@ const StaffProperties: React.FC = props => { {canEditAvatar && (
- + - +