chris/pixelfed
1
0
Fork 0
forked from mirror/pixelfed
Code Pull requests Activity

Update ComposeModal

Browse source
This commit is contained in:
Daniel Supernault 2019-11-24 15:52:46 -07:00
parent 4145141366
commit 716b46da85
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7
1 changed files with 20 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
resources/assets/js/components/ComposeModal.vue
View file

@ -98,6 +98,22 @@
</div> </div>
</a> </a>
<a class="d-none card mx-md-5 my-md-3 shadow-none border compose-action text-decoration-none text-dark" :click="showAddToStoryCard">
<div class="card-body">
<div class="media">
<div class="mr-3 align-items-center justify-content-center" style="display:inline-flex;width:40px;height:40px;border-radius: 100%;background-color: #008DF5">
<i class="fas fa-history text-white fa-lg"></i>
</div>
<div class="media-body text-left">
<p class="mb-0">
<span class="h5 mt-0 font-weight-bold text-primary">Add to Story</span>
</p>
<p class="mb-0 text-muted">Add a photo or video to your story.</p>
</div>
</div>
</div>
</a>
<a class="card mx-md-5 my-md-3 shadow-none border compose-action text-decoration-none text-dark" href="/i/collections/create"> <a class="card mx-md-5 my-md-3 shadow-none border compose-action text-decoration-none text-dark" href="/i/collections/create">
<div class="card-body"> <div class="card-body">
<div class="media"> <div class="media">
@ -132,9 +148,8 @@
</div> </div>
</div> </div>
</div> </div>
<hr> <p class="pt-3">
<p> <a class="font-weight-bold" href="/site/help">Help</a>
<a class="font-weight-bold" href="/site/help">Need Help?</a>
</p> </p>
</div> </div>
</div> </div>
@ -755,10 +770,6 @@ export default {
this.pageTitle = ''; this.pageTitle = '';
switch(this.page) { switch(this.page) {
case 'addToStory':
this.page = 1;
break;
case 'cropPhoto': case 'cropPhoto':
case 'editMedia': case 'editMedia':
this.page = 2; this.page = 2;
@ -906,7 +917,8 @@ export default {
.then(res => { .then(res => {
this.cameraRollMedia = res.data; this.cameraRollMedia = res.data;
}); });
} },
} }
} }
</script> </script>