ChoChoX/suwayomi-material-you-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added on hover, active effect (#25)

Browse Source 
added hover effect on chapter, episode card
This commit is contained in:
voltrare
2021-09-09 09:58:08 +08:00
committed by GitHub
parent 09f92c853d
commit b308544be4
2 changed files with 16 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/anime/EpisodeCard.tsx
View File

@@ -44,6 +44,14 @@ const useStyles = makeStyles((theme) => ({
}, },
card: { card: {
margin: '10px', margin: '10px',
'&:hover': {
backgroundColor: 'rgba(255, 255, 255, 0.2)',
transition: 'background-color 0ms ease',
},
'&:active': {
backgroundColor: 'rgba(255, 255, 255, 0.1)',
transition: 'background-color 100ms ease-out',
},
}, },
})); }));

8
src/components/manga/ChapterCard.tsx
View File

@@ -44,6 +44,14 @@ const useStyles = makeStyles((theme) => ({
}, },
card: { card: {
margin: '10px', margin: '10px',
'&:hover': {
backgroundColor: 'rgba(255, 255, 255, 0.2)',
transition: 'background-color 0ms ease',
},
'&:active': {
backgroundColor: 'rgba(255, 255, 255, 0.1)',
transition: 'background-color 100ms ease-out',
},
}, },
})); }));