forked from Kieran/snort
note ui improvements
This commit is contained in:
parent
fb1a0d7ac6
commit
a39bda323a
@ -2,7 +2,8 @@
|
|||||||
background: var(--bg-color);
|
background: var(--bg-color);
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
border: 1px solid var(--gray-tertiary);
|
border: 1px solid var(--gray-tertiary);
|
||||||
padding: 10px;
|
padding: 12px;
|
||||||
|
margin: 10px auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-invoice h2, .note-invoice h4, .note-invoice p {
|
.note-invoice h2, .note-invoice h4, .note-invoice p {
|
||||||
|
@ -17,7 +17,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.note > .header > .info {
|
.note > .header > .info {
|
||||||
font-size: small;
|
font-size: 10px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
color: var(--gray-light);
|
color: var(--gray-light);
|
||||||
align-self: flex-start;
|
align-self: flex-start;
|
||||||
|
@ -19,7 +19,7 @@
|
|||||||
|
|
||||||
.reaction > .header > .info {
|
.reaction > .header > .info {
|
||||||
color: var(--gray-light);
|
color: var(--gray-light);
|
||||||
font-size: small;
|
font-size: 10px;
|
||||||
align-self: flex-start;
|
align-self: flex-start;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -33,6 +33,13 @@
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.text li {
|
||||||
|
margin-top: -1em;
|
||||||
|
}
|
||||||
|
.text li:last-child {
|
||||||
|
margin-bottom: -2em;
|
||||||
|
}
|
||||||
|
|
||||||
.text hr {
|
.text hr {
|
||||||
border: 0;
|
border: 0;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
|
@ -150,7 +150,7 @@ function transformLi({ body, tags, users }: TextFragment) {
|
|||||||
|
|
||||||
function transformParagraph({ body, tags, users }: TextFragment) {
|
function transformParagraph({ body, tags, users }: TextFragment) {
|
||||||
const fragments = transformText({ body, tags, users })
|
const fragments = transformText({ body, tags, users })
|
||||||
if (fragments.every(f => typeof f === 'string')) {
|
if (fragments.every(f => typeof f === 'string') && fragments.length > 1) {
|
||||||
return <p>{fragments}</p>
|
return <p>{fragments}</p>
|
||||||
}
|
}
|
||||||
return <>{fragments}</>
|
return <>{fragments}</>
|
||||||
|
Loading…
Reference in New Issue
Block a user