fix: Fix too-intense hr color between posts

This commit is contained in:
Jay Sitter 2023-06-18 15:38:16 -04:00
parent 10dbdd7fb7
commit 473406d1da
3 changed files with 5 additions and 3 deletions

View file

@ -92,6 +92,8 @@ $input-border-color: $body-bg;
$input-group-addon-color: $gray-500; $input-group-addon-color: $gray-500;
$input-group-addon-bg: $gray-700; $input-group-addon-bg: $gray-700;
$hr-border-color: rgba($body-color, 0.25);
$table-accent-bg: $gray-800; $table-accent-bg: $gray-800;
$table-border-color: $gray-700; $table-border-color: $gray-700;

View file

@ -76,3 +76,5 @@ $border-radius: 0.5rem;
$border-radius-lg: 0.5rem; $border-radius-lg: 0.5rem;
$border-radius-sm: 1rem; $border-radius-sm: 1rem;
$rounded-pill: 0.25rem; $rounded-pill: 0.25rem;
$hr-border-color: rgba($body-color, 0.25);

View file

@ -96,9 +96,7 @@ export class PostListings extends Component<PostListingsProps, any> {
onAddAdmin={this.props.onAddAdmin} onAddAdmin={this.props.onAddAdmin}
onTransferCommunity={this.props.onTransferCommunity} onTransferCommunity={this.props.onTransferCommunity}
/> />
{idx + 1 !== this.posts.length && ( {idx + 1 !== this.posts.length && <hr className="my-3" />}
<hr className="my-3 border border-primary" />
)}
</> </>
)) ))
) : ( ) : (