use accent color for lines

This commit is contained in:
Freeplay 2023-02-20 13:18:37 -05:00
parent d6c10891b7
commit 1235a1cdb8

View file

@ -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);
} }