peter/ekster-reader
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Problem: UI uses too much space

Browse Source 
Solution: use smaller buttons and simplify language
This commit is contained in:
Peter Stuifzand 2022-04-18 14:17:37 +02:00
parent 52bc6febaa
commit f559c237ca
4 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Channels.vue
View File

@ -3,7 +3,7 @@
<div class="channels--channel" v-for="channel in channels" :key="channel.uid">
<slot :channel="channel"></slot>
</div>
<button class="button is-primary" @click="open">+ New Channel</button>
<button class="button is-primary is-small" @click="open">New Channel</button>
</div>
</template>

3
src/components/Timeline.vue
View File

@ -4,6 +4,9 @@
<TimelineEntry :item="item" @debug="debug" @markRead="markRead(channel.uid, ...arguments)" @followFeed="$emit('followFeed', arguments[0])"
:is-main-entry="true"/>
</div>
<div v-if="items.length === 0">
<p class="text-center">No items in this timeline</p>
</div>
<div class="level">
<div class="level-item">
<button class="button" @click="prevPage" v-if="timeline.paging.before">Prev Page</button>

3
src/store.js
View File

@ -179,6 +179,9 @@ export default new Vuex.Store({
commit('clearTimeline', {channel: channel})
},
fetchTimeline({commit}, channel) {
if (!channel.uid) {
channel.uid = 'home';
}
let url = this.state.microsubEndpoint + '?action=timeline&channel=' + channel.uid
if (channel.after) {
url += '&after=' + channel.after;

6
src/views/Home.vue
View File

@ -11,14 +11,14 @@
</div>
<div class="timeline column is-three-fifths">
<div class="level">
<div class="level is-mobile">
<div class="level-left">
<h1 class="title is-5">{{ channel.name }}</h1>
</div>
<div class="level-right timeline-buttons">
<div class="level-item">
<button class="button" @click.prevent="openPost">New Post</button>
<button class="button" @click.prevent="openFeedFollower('')">Add feed</button>
<button class="button is-small" @click.prevent="openPost">New Post</button>
<button class="button is-small" @click.prevent="openFeedFollower('')">Add feed</button>
</div>
</div>
</div>