Iceshrimp.NET/Iceshrimp.Frontend/Components/RecursiveNote.razor.css

64 lines
No EOL
999 B
CSS

.replies {
width: 100%;
}
.indented-reply {
display: flex;
width: 100%;
}
.reply-indent {
display: flex;
flex-direction: column;
width: 3em;
min-width: 3em;
justify-content: center;
}
.note {
width: 100%;
min-width: 0;
}
.root-note {
max-width: 45rem;
background-color: var(--foreground-color);
padding: 1.25rem 0 1rem; /* top, left-right, bottom*/
@media (max-width: 1000px) {
padding: 1.25rem 1rem 1rem;
}
border-top: solid var(--highlight-color) 0.1rem;
width: 100%;
}
.descendant {
max-width: 45rem;
min-width: 15rem;
background-color: var(--foreground-color);
padding: 0; /* top, right, bottom, left*/
margin: 0;
width: 100%;
}
.note-container {
display: flex;
width: 100%;
overflow: auto;
}
.line-container {
height: 100%;
text-align: center;
}
.note-indent {
display: flex;
flex-direction: column;
align-items: center;
}
.replies {
width: 100%
}