forked from AkkomaGang/akkoma-fe
floatingghost
2da92fcd13
Co-authored-by: Sean King <seanking2919@protonmail.com> Co-authored-by: Tusooa Zhu <tusooa@kazv.moe> Co-authored-by: FloatingGhost <hannah@coffee-and-dreams.uk> Reviewed-on: AkkomaGang/pleroma-fe#158
47 lines
1 KiB
Vue
47 lines
1 KiB
Vue
<template>
|
|
<Modal
|
|
v-if="modalActivated"
|
|
class="status-history-modal-view"
|
|
@backdropClicked="closeModal"
|
|
>
|
|
<div class="status-history-modal-panel panel">
|
|
<div class="panel-heading">
|
|
{{ $tc('status.edit_history_modal_title', historyCount - 1, { historyCount: historyCount - 1 }) }}
|
|
</div>
|
|
<div class="panel-body">
|
|
<div
|
|
v-if="historyCount > 0"
|
|
class="history-body"
|
|
>
|
|
<status
|
|
v-for="status in history"
|
|
:key="status.id"
|
|
:statusoid="status"
|
|
:isPreview="true"
|
|
class="conversation-status status-fadein panel-body"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</Modal>
|
|
</template>
|
|
|
|
<script src="./status_history_modal.js"></script>
|
|
|
|
<style lang="scss">
|
|
.modal-view.status-history-modal-view {
|
|
align-items: flex-start;
|
|
}
|
|
.status-history-modal-panel {
|
|
flex-shrink: 0;
|
|
margin-top: 25%;
|
|
margin-bottom: 2em;
|
|
width: 100%;
|
|
max-width: 700px;
|
|
|
|
@media (orientation: landscape) {
|
|
margin-top: 8%;
|
|
}
|
|
}
|
|
</style>
|