nostr/hamstr
1
0
Fork 0
mirror of https://github.com/styppo/hamstr.git synced 2024-10-18 05:23:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Minor style fixes

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/Feed/Feed.vue
View File

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

3
src/pages/Feed.vue
View File

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

2
src/pages/Thread.vue
View File

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