diff --git a/src/components/avatar-editor/figure-set/AvatarEditorFigureSetItemView.tsx b/src/components/avatar-editor/figure-set/AvatarEditorFigureSetItemView.tsx index e5f502a..31c88a6 100644 --- a/src/components/avatar-editor/figure-set/AvatarEditorFigureSetItemView.tsx +++ b/src/components/avatar-editor/figure-set/AvatarEditorFigureSetItemView.tsx @@ -84,7 +84,7 @@ export const AvatarEditorFigureSetItemView: FC<{ } { !partItem.isClear && isHC && } diff --git a/src/css/index.css b/src/css/index.css index dc4905c..6e2c4c3 100644 --- a/src/css/index.css +++ b/src/css/index.css @@ -1819,23 +1819,23 @@ body { } .avatar-parts { - border: none !important; + border: 1px solid #c5c3c0 !important; position: relative; aspect-ratio: 1; width: 100%; max-width: 42px; - border-radius: 2rem !important; + border-radius: 0.3rem !important; overflow: hidden !important; - background-color: transparent; + background-color: #e9e8e4; &:hover { - box-shadow: 0 0 0 3px #dbdad5 !important; + box-shadow: inset 0 0 0 3px #dbdad5 !important; background-color: #cecdc8 !important; } &:active, &.part-selected { - box-shadow: 0 0 0 3px #c5c3c0 !important; + box-shadow: inset 0 0 0 3px #c5c3c0 !important; background-color: #b1b1b1 !important; } }