Commit c529a60b authored by Tae Hoon's avatar Tae Hoon

rename component

parent b1c29606
......@@ -8,7 +8,7 @@ import WhoToFollowPanel from './components/who_to_follow_panel/who_to_follow_pan
import ChatPanel from './components/chat_panel/chat_panel.vue'
import MediaModal from './components/media_modal/media_modal.vue'
import SideDrawer from './components/side_drawer/side_drawer.vue'
import MobilePostStatusButton from './components/mobile_post_status_button/mobile_post_status_button.vue'
import FloatingPostButton from './components/floating_post_button/floating_post_button.vue'
import MobileNav from './components/mobile_nav/mobile_nav.vue'
import UserReportingModal from './components/user_reporting_modal/user_reporting_modal.vue'
import PostStatusModal from './components/post_status_modal/post_status_modal.vue'
......@@ -27,7 +27,7 @@ export default {
ChatPanel,
MediaModal,
SideDrawer,
MobilePostStatusButton,
FloatingPostButton,
MobileNav,
UserReportingModal,
PostStatusModal
......
......@@ -118,7 +118,7 @@
:floating="true"
class="floating-chat mobile-hidden"
/>
<MobilePostStatusButton v-if="currentUser" />
<FloatingPostButton v-if="currentUser" />
<UserReportingModal />
<PostStatusModal />
<portal-target name="modal" />
......
import { debounce } from 'lodash'
const MobilePostStatusButton = {
const FloatingPostButton = {
data () {
return {
hidden: false,
......@@ -87,4 +87,4 @@ const MobilePostStatusButton = {
}
}
export default MobilePostStatusButton
export default FloatingPostButton
<template>
<button
class="new-status-button"
class="floating-post-button"
:class="{ 'hidden': isHidden }"
@click="openPostForm"
>
......@@ -8,12 +8,12 @@
</button>
</template>
<script src="./mobile_post_status_button.js"></script>
<script src="./floating_post_button.js"></script>
<style lang="scss">
@import '../../_variables.scss';
.new-status-button {
.floating-post-button {
width: 5em;
height: 5em;
border-radius: 100%;
......@@ -42,10 +42,8 @@
color: $fallback--text;
color: var(--text, $fallback--text);
}
}
@media all and (min-width: 801px) {
.new-status-button {
@media all and (min-width: 801px) {
display: none;
}
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment