2018-03-17 01:48:24 +00:00
|
|
|
<a class="status-sidebar size-{{size}}"
|
|
|
|
href="/accounts/{{originalAccountId}}"
|
|
|
|
focus-key="{{focusKey}}" >
|
|
|
|
<Avatar account={{originalAccount}}
|
|
|
|
isLink="true"
|
|
|
|
:size />
|
|
|
|
</a>
|
2018-02-04 18:50:39 +00:00
|
|
|
<style>
|
2018-03-17 01:48:24 +00:00
|
|
|
.status-sidebar {
|
2018-02-10 04:07:48 +00:00
|
|
|
grid-area: sidebar;
|
2018-02-22 17:30:37 +00:00
|
|
|
margin-right: 15px;
|
|
|
|
}
|
|
|
|
|
2018-03-17 01:48:24 +00:00
|
|
|
.status-sidebar.size-small {
|
|
|
|
width: 48px;
|
|
|
|
height: 48px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.status-sidebar.size-medium {
|
|
|
|
width: 64px;
|
|
|
|
height: 64px;
|
|
|
|
}
|
|
|
|
|
2018-02-22 17:30:37 +00:00
|
|
|
@media (max-width: 767px) {
|
2018-03-17 01:48:24 +00:00
|
|
|
.status-sidebar {
|
2018-02-22 17:30:37 +00:00
|
|
|
margin-right: 5px;
|
|
|
|
}
|
2018-02-04 18:50:39 +00:00
|
|
|
}
|
|
|
|
</style>
|
|
|
|
<script>
|
2018-02-09 01:56:20 +00:00
|
|
|
import Avatar from '../Avatar.html'
|
2018-02-04 18:50:39 +00:00
|
|
|
export default {
|
|
|
|
components: {
|
|
|
|
Avatar
|
2018-03-17 01:48:24 +00:00
|
|
|
},
|
|
|
|
computed: {
|
|
|
|
focusKey: (uuid) => `status-author-avatar-${uuid}`,
|
|
|
|
size: (isStatusInOwnThread) => isStatusInOwnThread ? 'medium' : 'small'
|
2018-02-04 18:50:39 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|