supermemory/apps/web/components/twitter/tweet-header.module.css
2024-07-01 20:12:56 -05:00

96 lines
1.6 KiB
CSS

.header {
display: flex;
padding-bottom: 0.75rem;
line-height: var(--tweet-header-line-height);
font-size: var(--tweet-header-font-size);
white-space: nowrap;
overflow-wrap: break-word;
overflow: hidden;
}
.avatar {
position: relative;
height: 48px;
width: 48px;
}
.avatarOverflow {
height: 100%;
width: 100%;
position: absolute;
overflow: hidden;
border-radius: 9999px;
}
.avatarSquare {
border-radius: 4px;
}
.avatarShadow {
height: 100%;
width: 100%;
transition-property: background-color;
transition-duration: 0.2s;
box-shadow: rgb(0 0 0 / 3%) 0px 0px 2px inset;
}
.avatarShadow:hover {
background-color: rgba(26, 26, 26, 0.15);
}
.author {
max-width: calc(100% - 84px);
display: flex;
flex-direction: column;
justify-content: center;
margin: 0 0.5rem;
}
.authorLink {
text-decoration: none;
color: inherit;
display: flex;
align-items: center;
}
.authorLink:hover {
text-decoration-line: underline;
}
.authorVerified {
display: inline-flex;
}
.authorLinkText {
font-weight: 700;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.authorMeta {
display: flex;
}
.authorFollow {
display: flex;
}
.username {
color: var(--tweet-font-color-secondary);
text-decoration: none;
text-overflow: ellipsis;
}
.follow {
color: var(--tweet-color-blue-secondary);
text-decoration: none;
font-weight: 700;
}
.follow:hover {
text-decoration-line: underline;
}
.separator {
padding: 0 0.25rem;
}
.brand {
margin-inline-start: auto;
}
.twitterIcon {
width: 23.75px;
height: 23.75px;
color: var(--tweet-twitter-icon-color);
fill: currentColor;
user-select: none;
}