martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-02-12 11:39:17 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

minor styling changes

Browse Source
This commit is contained in:
Roland Osborne 2022-04-29 13:59:34 -07:00
parent c225b04aad
commit cb4f6e8fa3
6 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
net/web/src/User/Conversation/TopicItem/TopicItem.jsx
View File

@ -3,7 +3,7 @@ import { TopicItemWrapper } from './TopicItem.styled';
import ReactResizeDetector from 'react-resize-detector'; import ReactResizeDetector from 'react-resize-detector';
import { useTopicItem } from './useTopicItem.hook'; import { useTopicItem } from './useTopicItem.hook';
import { Avatar } from 'avatar/Avatar'; import { Avatar } from 'avatar/Avatar';
import { BranchesOutlined } from '@ant-design/icons'; import { CommentOutlined } from '@ant-design/icons';
export function TopicItem({ topic }) { export function TopicItem({ topic }) {
@ -24,7 +24,7 @@ export function TopicItem({ topic }) {
<div class={nameClass}>{ name }</div> <div class={nameClass}>{ name }</div>
<div>{ getTime(offset) }</div> <div>{ getTime(offset) }</div>
<div class="comments"> <div class="comments">
<BranchesOutlined rotate="90" /> <CommentOutlined />
</div> </div>
</div> </div>
<div class="message">{ state.message }</div> <div class="message">{ state.message }</div>
@ -34,6 +34,9 @@ export function TopicItem({ topic }) {
} }
function getTime(offset) { function getTime(offset) {
if (offset < 1) {
return ''
}
if (offset < 60) { if (offset < 60) {
return Math.floor(offset) + "s"; return Math.floor(offset) + "s";
} }

3
net/web/src/User/Conversation/TopicItem/TopicItem.styled.js
View File

@ -6,9 +6,6 @@ export const TopicItemWrapper = styled.div`
width: 100%; width: 100%;
padding-left: 8px; padding-left: 8px;
padding-right: 8px; padding-right: 8px;
&:hover {
background-color: #eeeeee;
}
.avatar { .avatar {
height: 32px; height: 32px;

3
net/web/src/User/SideBar/Contacts/Cards/Cards.styled.js
View File

@ -17,6 +17,9 @@ export const CardItem = styled(List.Item)`
padding-top: 4px; padding-top: 4px;
padding-bottom: 4px; padding-bottom: 4px;
cursor: pointer; cursor: pointer;
&:hover {
background-color: #f0f5e0;
}
.item { .item {
width: 100%; width: 100%;

2
net/web/src/User/SideBar/Contacts/Cards/Registry/Registry.styled.js
View File

@ -54,7 +54,7 @@ export const RegistryItem = styled(List.Item)`
padding-bottom: 4px; padding-bottom: 4px;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
background-color: #eeeeee; background-color: #f0f5e0;
} }
`; `;

2
net/web/src/User/SideBar/Contacts/Channels/ChannelItem/ChannelItem.styled.js
View File

@ -12,7 +12,7 @@ export const ChannelItemWrapper = styled(List.Item)`
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
&:hover { &:hover {
background-color: #eeeeee; background-color: #f0f5e0;
} }
`; `;

2
net/web/src/VirtualList/VirtualList.styled.js
View File

@ -30,6 +30,6 @@ export const VirtualItem = styled.div`
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
&:hover { &:hover {
background-color: #eeeeee; background-color: #f0f5e0;
} }
`; `;