mirror of
https://github.com/ilyakooo0/urbit.git
synced 2024-12-15 01:52:42 +03:00
interface: design nits
This commit is contained in:
parent
9e38f38d95
commit
9b1dbaf8ac
pkg/interface/src/views
apps/chat/components/lib
components
themes
@ -196,9 +196,9 @@ export class MessageWithSigil extends PureComponent<MessageProps> {
|
||||
scrollWindow={scrollWindow}
|
||||
className="fl pr3 v-top bg-white bg-gray0-d"
|
||||
/>
|
||||
<div className="fr clamp-message white-d" style={{ flexGrow: 1, marginTop: -8 }}>
|
||||
<div className="hide-child" style={{ paddingTop: '4px' }}>
|
||||
<p className="v-mid f9 gray2 dib mr3 c-default">
|
||||
<div className="fr clamp-message white-d" style={{ flexGrow: 1, marginTop: -12 }}>
|
||||
<div className="hide-child" style={{ paddingTop: '8px' }}>
|
||||
<p className="v-mid f9 black white-d dib mr3 c-default">
|
||||
<span
|
||||
className={`mw5 db truncate pointer ${showNickname ? '' : 'mono'}`}
|
||||
ref={e => nameSpan = e}
|
||||
@ -222,7 +222,7 @@ export class MessageWithSigil extends PureComponent<MessageProps> {
|
||||
export const MessageWithoutSigil = ({ timestamp, msg, remoteContentPolicy, measure }) => (
|
||||
<>
|
||||
<p className="child pr1 mono f9 gray2 dib">{timestamp}</p>
|
||||
<div className="fr clamp-message white-d pr3 lh-copy" style={{ flexGrow: 1 }}>
|
||||
<div className="fr f8 clamp-message white-d pr3 lh-copy" style={{ flexGrow: 1 }}>
|
||||
<MessageContent content={msg.letter} remoteContentPolicy={remoteContentPolicy} measure={measure}/>
|
||||
</div>
|
||||
</>
|
||||
|
@ -39,7 +39,7 @@ const MessageMarkdown = React.memo(props => (
|
||||
node.children[0].children[0].value = '>' + node.children[0].children[0].value;
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
return true;
|
||||
}}
|
||||
plugins={[[
|
||||
@ -71,7 +71,7 @@ export default class TextContent extends Component {
|
||||
);
|
||||
} else {
|
||||
return (
|
||||
<Box style={{ overflowWrap: 'break-word' }}>
|
||||
<Box fontSize='1' color='darkGray' style={{ overflowWrap: 'break-word' }}>
|
||||
<MessageMarkdown source={content.text} />
|
||||
</Box>
|
||||
);
|
||||
|
@ -17,7 +17,7 @@ const StatusBar = (props) => {
|
||||
width="100%"
|
||||
gridTemplateRows="30px"
|
||||
gridTemplateColumns="3fr 1fr"
|
||||
py={2}
|
||||
py={3}
|
||||
px={3}
|
||||
>
|
||||
<Row collapse>
|
||||
|
@ -77,6 +77,7 @@ const theme = {
|
||||
white: base.white,
|
||||
black: base.black,
|
||||
|
||||
darkGray: scales.black80,
|
||||
gray: scales.black60,
|
||||
lightGray: scales.black30,
|
||||
washedGray: scales.black10,
|
||||
|
@ -91,6 +91,7 @@ const theme = {
|
||||
white: util.gray0,
|
||||
black: base.white,
|
||||
|
||||
darkGray: scales.white80,
|
||||
gray: scales.white60,
|
||||
lightGray: scales.white30,
|
||||
washedGray: scales.white05,
|
||||
|
Loading…
Reference in New Issue
Block a user