fix: prompt content overflows horizontally (#705)

Resolves #705
This commit is contained in:
Cotes Chung 2022-10-07 18:34:12 +08:00
parent 5511b2883f
commit fb13e3219b
No known key found for this signature in database
GPG Key ID: 0D9E54843167A808
1 changed files with 7 additions and 4 deletions

View File

@ -91,17 +91,17 @@ blockquote {
color: var(--blockquote-text-color);
&[class^="prompt-"] {
display: flex;
border-left: 0;
border-radius: 6px;
padding: 0.75rem 1.2rem;
padding: 0.75rem 1.2rem 0.75rem 3rem;
color: var(--prompt-text-color);
&::before {
margin-right: 1rem;
font-family: "Font Awesome 5 Free";
text-align: center;
width: 1.25rem;
position: absolute;
left: 2.5rem;
}
p:last-child {
@ -443,7 +443,6 @@ img[data-src] {
line-height: 1.8;
margin-top: 2rem;
overflow-wrap: break-word;
word-wrap: break-word;
a {
&:not(.img-link) {
@ -1206,6 +1205,10 @@ $sidebar-display: "sidebar-display";
> blockquote[class^=prompt-] {
@include ml-mr(-1.25rem);
border-radius: 0;
&::before {
left: 1rem;
}
}
}