mirror of
https://github.com/revoltchat/revite.git
synced 2024-11-09 16:53:36 -05:00
fix(typindicator): some design tweaks
This commit is contained in:
parent
3fd56e4fdc
commit
f01943c681
2 changed files with 9 additions and 5 deletions
|
@ -13,10 +13,10 @@ const Base = styled.div`
|
|||
position: relative;
|
||||
|
||||
> div {
|
||||
height: 24px;
|
||||
margin-top: -24px;
|
||||
height: 26px;
|
||||
top: -26px;
|
||||
position: absolute;
|
||||
|
||||
font-size: 13px;
|
||||
gap: 8px;
|
||||
display: flex;
|
||||
padding: 0 10px;
|
||||
|
@ -40,9 +40,12 @@ const Base = styled.div`
|
|||
height: 16px;
|
||||
object-fit: cover;
|
||||
border-radius: var(--border-radius-half);
|
||||
background: var(--secondary-background);
|
||||
//background-clip: border-box;
|
||||
border: 2px solid var(--secondary-background);
|
||||
|
||||
&:not(:first-child) {
|
||||
margin-left: -4px;
|
||||
margin-left: -6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -53,6 +56,7 @@ const Base = styled.div`
|
|||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
//font-weight: 600;
|
||||
}
|
||||
`;
|
||||
|
||||
|
|
|
@ -49,7 +49,7 @@ const Area = styled.div.attrs({ "data-scroll-offset": "with-padding" })`
|
|||
> div {
|
||||
display: flex;
|
||||
min-height: 100%;
|
||||
padding-bottom: 24px;
|
||||
padding-bottom: 26px;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue