モバイルで投稿ボタン復活するなど
This commit is contained in:
parent
167da988da
commit
2f6187a26a
|
@ -35,6 +35,9 @@
|
||||||
<MkA class="item" active-class="active" to="/settings">
|
<MkA class="item" active-class="active" to="/settings">
|
||||||
<Fa :icon="faCog" fixed-width/><span class="text">{{ $ts.settings }}</span>
|
<Fa :icon="faCog" fixed-width/><span class="text">{{ $ts.settings }}</span>
|
||||||
</MkA>
|
</MkA>
|
||||||
|
<button class="item _button post" @click="post">
|
||||||
|
<Fa :icon="faPencilAlt" fixed-width/><span class="text">{{ $ts.note }}</span>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
</transition>
|
</transition>
|
||||||
|
@ -117,6 +120,10 @@ export default defineComponent({
|
||||||
this.showing = true;
|
this.showing = true;
|
||||||
},
|
},
|
||||||
|
|
||||||
|
post() {
|
||||||
|
os.post();
|
||||||
|
},
|
||||||
|
|
||||||
search() {
|
search() {
|
||||||
if (this.searching) return;
|
if (this.searching) return;
|
||||||
|
|
||||||
|
@ -352,7 +359,6 @@ export default defineComponent({
|
||||||
z-index: 1001;
|
z-index: 1001;
|
||||||
|
|
||||||
> div {
|
> div {
|
||||||
> .index,
|
|
||||||
> .notifications {
|
> .notifications {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
|
@ -204,6 +204,10 @@ export default defineComponent({
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
|
box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
|
|
||||||
|
@media (min-width: ($nav-hide-threshold + 1px)) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
> .post {
|
> .post {
|
||||||
|
@ -215,10 +219,6 @@ export default defineComponent({
|
||||||
background: var(--panel);
|
background: var(--panel);
|
||||||
color: var(--fg);
|
color: var(--fg);
|
||||||
|
|
||||||
@media (min-width: ($nav-hide-threshold + 1px)) {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: var(--X2);
|
background: var(--X2);
|
||||||
}
|
}
|
||||||
|
|
|
@ -29,10 +29,9 @@
|
||||||
|
|
||||||
<div class="buttons" :class="{ navHidden }">
|
<div class="buttons" :class="{ navHidden }">
|
||||||
<button class="button nav _button" @click="showNav" ref="navButton"><Fa :icon="faBars"/><i v-if="navIndicated"><Fa :icon="faCircle"/></i></button>
|
<button class="button nav _button" @click="showNav" ref="navButton"><Fa :icon="faBars"/><i v-if="navIndicated"><Fa :icon="faCircle"/></i></button>
|
||||||
<button v-if="$route.name === 'index'" class="button home _button" @click="top()"><Fa :icon="faHome"/></button>
|
|
||||||
<button v-else class="button home _button" @click="$router.push('/')"><Fa :icon="faHome"/></button>
|
|
||||||
<button class="button notifications _button" @click="$router.push('/my/notifications')"><Fa :icon="faBell"/><i v-if="$i.hasUnreadNotification"><Fa :icon="faCircle"/></i></button>
|
<button class="button notifications _button" @click="$router.push('/my/notifications')"><Fa :icon="faBell"/><i v-if="$i.hasUnreadNotification"><Fa :icon="faCircle"/></i></button>
|
||||||
<button class="button widget _button" @click="widgetsShowing = true"><Fa :icon="faLayerGroup"/></button>
|
<button class="button widget _button" @click="widgetsShowing = true"><Fa :icon="faLayerGroup"/></button>
|
||||||
|
<button class="button post _button" @click="post"><Fa :icon="faPencilAlt"/></button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button class="widgetButton _button" :class="{ navHidden }" @click="widgetsShowing = true"><Fa :icon="faLayerGroup"/></button>
|
<button class="widgetButton _button" :class="{ navHidden }" @click="widgetsShowing = true"><Fa :icon="faLayerGroup"/></button>
|
||||||
|
@ -55,7 +54,7 @@
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { defineComponent, defineAsyncComponent, markRaw } from 'vue';
|
import { defineComponent, defineAsyncComponent, markRaw } from 'vue';
|
||||||
import { faLayerGroup, faBars, faHome, faCircle, faWindowMaximize, faColumns } from '@fortawesome/free-solid-svg-icons';
|
import { faLayerGroup, faBars, faHome, faCircle, faWindowMaximize, faColumns, faPencilAlt } from '@fortawesome/free-solid-svg-icons';
|
||||||
import { faBell } from '@fortawesome/free-regular-svg-icons';
|
import { faBell } from '@fortawesome/free-regular-svg-icons';
|
||||||
import { host } from '@/config';
|
import { host } from '@/config';
|
||||||
import { search } from '@/scripts/search';
|
import { search } from '@/scripts/search';
|
||||||
|
@ -97,7 +96,7 @@ export default defineComponent({
|
||||||
navHidden: false,
|
navHidden: false,
|
||||||
widgetsShowing: false,
|
widgetsShowing: false,
|
||||||
wallpaper: localStorage.getItem('wallpaper') != null,
|
wallpaper: localStorage.getItem('wallpaper') != null,
|
||||||
faLayerGroup, faBars, faBell, faHome, faCircle,
|
faLayerGroup, faBars, faBell, faHome, faCircle, faPencilAlt,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
||||||
|
@ -192,6 +191,10 @@ export default defineComponent({
|
||||||
}, { passive: true });
|
}, { passive: true });
|
||||||
},
|
},
|
||||||
|
|
||||||
|
post() {
|
||||||
|
os.post();
|
||||||
|
},
|
||||||
|
|
||||||
top() {
|
top() {
|
||||||
window.scroll({ top: 0, behavior: 'smooth' });
|
window.scroll({ top: 0, behavior: 'smooth' });
|
||||||
},
|
},
|
||||||
|
|
Loading…
Reference in New Issue