nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2024-11-23 14:40:50 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix avatar spotlight

Browse Source
This commit is contained in:
Bill 2022-02-16 11:55:37 -05:00
parent fcd22a7e9e
commit d3c3d4b048
3 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/avatar-editor/AvatarEditorView.scss
View File

@ -251,9 +251,11 @@
z-index: 4; z-index: 4;
} }
.spotlight { .avatar-spotlight {
position: absolute; position: absolute;
top: -10px; top: -10px;
left: 0;
right: 0;
margin: 0 auto; margin: 0 auto;
opacity: 0.3; opacity: 0.3;
pointer-events: none; pointer-events: none;

2
src/components/avatar-editor/AvatarEditorView.tsx
View File

@ -293,7 +293,7 @@ export const AvatarEditorView: FC<{}> = props =>
</Column> </Column>
<Column size={ 3 } overflow="hidden"> <Column size={ 3 } overflow="hidden">
<AvatarEditorFigurePreviewView figureData={ figureData } /> <AvatarEditorFigurePreviewView figureData={ figureData } />
<Column grow gap={ 2 }> <Column grow gap={ 1 }>
<ButtonGroup> <ButtonGroup>
<Button variant="secondary" size="sm" onClick={ event => processAction(AvatarEditorAction.ACTION_RESET) }> <Button variant="secondary" size="sm" onClick={ event => processAction(AvatarEditorAction.ACTION_RESET) }>
<FontAwesomeIcon icon="undo" /> <FontAwesomeIcon icon="undo" />

2
src/components/avatar-editor/views/figure-preview/AvatarEditorFigurePreviewView.tsx
View File

@ -51,7 +51,7 @@ export const AvatarEditorFigurePreviewView: FC<AvatarEditorFigurePreviewViewProp
return ( return (
<Column className="figure-preview-container" overflow="hidden" position="relative"> <Column className="figure-preview-container" overflow="hidden" position="relative">
<AvatarImageView figure={ figureData.getFigureString() } direction={ figureData.direction } scale={ 2 } /> <AvatarImageView figure={ figureData.getFigureString() } direction={ figureData.direction } scale={ 2 } />
<AvatarEditorIcon icon="spotlight" /> <AvatarEditorIcon className="avatar-spotlight" icon="spotlight" />
<Base className="avatar-shadow" /> <Base className="avatar-shadow" />
<Base className="arrow-container"> <Base className="arrow-container">
<AvatarEditorIcon pointer icon="arrow-left" onClick={ event => rotateFigure(figureData.direction + 1) } /> <AvatarEditorIcon pointer icon="arrow-left" onClick={ event => rotateFigure(figureData.direction + 1) } />