diff --git a/src/common/index.scss b/src/common/index.scss index 1348db61..856edd26 100644 --- a/src/common/index.scss +++ b/src/common/index.scss @@ -78,32 +78,24 @@ } .trophy-header { + height: 22px; + .trophy-close { - position: absolute; - cursor: pointer; width: 15px; height: 15px; + right: 5.5px; top: 5px; - right: 5px; - } - - .trophy-title { - padding-top: 3px; } } .trophy-content { width: 297px; - height: 110px; - margin-top: 3px; - margin-left: 23px; + height: 116px; white-space: pre-wrap; } .trophy-footer { width: 297px; - margin-top: 5px; - margin-left: 23px; } } diff --git a/src/common/layout/LayoutTrophyView.tsx b/src/common/layout/LayoutTrophyView.tsx index db6319b3..1320625e 100644 --- a/src/common/layout/LayoutTrophyView.tsx +++ b/src/common/layout/LayoutTrophyView.tsx @@ -1,4 +1,5 @@ import { FC } from 'react'; +import { Base, Column, Flex, Text } from '..'; import { LocalizeText } from '../../api'; import { DraggableWindow } from '../draggable-window'; @@ -18,22 +19,21 @@ export const LayoutTrophyView: FC = props => return ( -
-
-
-
- { LocalizeText('widget.furni.trophy.title') } -
-
-
- { customTitle &&
{ customTitle }
} + + + + { LocalizeText('widget.furni.trophy.title') } + + + { customTitle && + { customTitle } } { message } -
-
-
{ date }
-
{ senderName }
-
-
+ + + { date } + { senderName } + +
); }