Leisuretimedock/blessing-skin-server
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix css of skin library item

Browse Source
This commit is contained in:
Pig Fang 2020-07-04 17:54:05 +08:00
parent e786fff10d
commit 62ac0f5f9c
No known key found for this signature in database
GPG Key ID: A8198F548DADA9E2
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
resources/assets/src/views/skinlib/SkinLibrary/Item.tsx
View File

@ -1,5 +1,4 @@
/** @jsx jsx */ import React from 'react'
import { jsx } from '@emotion/core'
import styled from '@emotion/styled' import styled from '@emotion/styled'
import { t } from '@/scripts/i18n' import { t } from '@/scripts/i18n'
import * as cssUtils from '@/styles/utils' import * as cssUtils from '@/styles/utils'
@ -36,9 +35,13 @@ interface ButtonLikeProps {
liked: boolean liked: boolean
} }
const ButtonLike = styled.a<ButtonLikeProps>` const ButtonLike = styled.a<ButtonLikeProps>`
color: ${(props) => (props.liked ? '#dc3545' : '#6c757d')}; ${cssUtils.pointerCursor}
&:hover {
color: ${(props) => (props.liked ? '#dc3545' : '#343a40')}; i, span {
color: ${(props) => (props.liked ? '#dc3545' : '#6c757d')};
&:hover {
color: ${(props) => (props.liked ? '#dc3545' : '#343a40')};
}
} }
` `
@ -102,12 +105,11 @@ const Item: React.FC<Props> = (props) => {
</div> </div>
<ButtonLike <ButtonLike
liked={props.liked} liked={props.liked}
css={cssUtils.pointerCursor}
tabIndex={-1} tabIndex={-1}
onClick={handleHeartClick} onClick={handleHeartClick}
> >
<i className="fas fa-heart mr-1"></i> <i className="fas fa-heart mr-1"></i>
{item.likes} <span>{item.likes}</span>
</ButtonLike> </ButtonLike>
</div> </div>
</div> </div>