Minor style fixes

This commit is contained in:
styppo 2023-01-26 20:57:03 +00:00
parent 1ff056870c
commit 5f9aea0c26
No known key found for this signature in database
GPG Key ID: 3AAA685C50724C28
3 changed files with 6 additions and 10 deletions

View File

@ -1,6 +1,6 @@
<template>
<div class="feed">
<div class="load-more-container" :class="{'more-available': numUnreads}" v-if="numUnreads">
<div class="load-more-container" :class="{'more-available': numUnreads}">
<AsyncLoadButton
v-if="numUnreads"
:load-fn="loadNewer"
@ -175,16 +175,14 @@ export default {
.feed {
.load-more-container {
border-top: $border-dark;
border-bottom: $border-dark;
min-height: 6px;
&.more-available {
border-bottom: $border-dark;
}
}
> .async-load-button:last-child {
border-bottom: 0;
}
> .thread:first-child, .load-more-container + .thread {
border-top: $border-dark;
}
}
@media screen and (max-width: $phone) {
@ -193,6 +191,7 @@ export default {
border: 0;
min-height: 0;
&.more-available {
border-top: $border-dark;
border-bottom: $border-dark;
}
}

View File

@ -135,9 +135,6 @@ export default defineComponent({
}
@media screen and (max-width: $phone) {
.page-header {
border-bottom: $border-dark;
}
.post-editor {
display: none;
}

View File

@ -223,6 +223,6 @@ export default defineComponent({
<style lang="scss" scoped>
.ancestors {
border-bottom: 0;
border-bottom: 0 !important;
}
</style>