use accent color for lines
This commit is contained in:
parent
d6c10891b7
commit
1235a1cdb8
|
@ -65,7 +65,7 @@ const replies: misskey.entities.Note[] = props.conversation?.filter(item => item
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.wrpstxzv {
|
.wrpstxzv {
|
||||||
padding: 16px 32px;
|
padding: 16px 32px;
|
||||||
--divider: rgba(255,255,255,0.5); // for now
|
// --divider: rgba(255,255,255,0.5); // for now
|
||||||
|
|
||||||
&.children {
|
&.children {
|
||||||
padding: 10px 0 0 var(--indent);
|
padding: 10px 0 0 var(--indent);
|
||||||
|
@ -182,7 +182,7 @@ const replies: misskey.entities.Note[] = props.conversation?.filter(item => item
|
||||||
&::before {
|
&::before {
|
||||||
content: "";
|
content: "";
|
||||||
display: block;
|
display: block;
|
||||||
border-left: 2px solid var(--divider);
|
border-left: 2px solid var(--accent);
|
||||||
margin-inline: auto;
|
margin-inline: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -221,11 +221,11 @@ const replies: misskey.entities.Note[] = props.conversation?.filter(item => item
|
||||||
&::after {
|
&::after {
|
||||||
content: "";
|
content: "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
border-left: 2px solid var(--divider);
|
border-left: 2px solid var(--accent);
|
||||||
border-bottom: 2px solid var(--divider);
|
border-bottom: 2px solid var(--accent);
|
||||||
margin-left: calc(var(--avatarSize) / 2 - 1px);
|
margin-left: calc((var(--avatarSize) / 2) - 1px);
|
||||||
margin-top: -20px;
|
margin-top: -20px;
|
||||||
width: calc(var(--indent) / 3);
|
width: calc(var(--indent) / 2);
|
||||||
height: calc((var(--avatarSize) / 2) + 20px);
|
height: calc((var(--avatarSize) / 2) + 20px);
|
||||||
border-bottom-left-radius: calc(var(--indent) / 3);
|
border-bottom-left-radius: calc(var(--indent) / 3);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue