graphite/Sharkey
1
0
Fork 0
mirror of https://git.joinsharkey.org/Sharkey/Sharkey.git synced 2024-11-27 07:03:08 +02:00
Code Issues Projects Releases Packages Wiki Activity

Tweak UI

Browse source
This commit is contained in:
syuilo 2021-04-11 00:03:31 +09:00
parent f44517f4af
commit bffcfd92da
4 changed files with 14 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/client/components/page-preview.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<MkA :to="`/@${page.user.username}/pages/${page.name}`" class="vhpxefrj _panel" tabindex="-1"> <MkA :to="`/@${page.user.username}/pages/${page.name}`" class="vhpxefrj _block _isolated" tabindex="-1">
<div class="thumbnail" v-if="page.eyeCatchingImage" :style="`background-image: url('${page.eyeCatchingImage.thumbnailUrl}')`"></div> <div class="thumbnail" v-if="page.eyeCatchingImage" :style="`background-image: url('${page.eyeCatchingImage.thumbnailUrl}')`"></div>
<article> <article>
<header> <header>
@ -35,7 +35,6 @@ export default defineComponent({
<style lang="scss" scoped> <style lang="scss" scoped>
.vhpxefrj { .vhpxefrj {
display: block; display: block;
width: 100%;
&:hover { &:hover {
text-decoration: none; text-decoration: none;

5
src/client/pages/pages.vue
View file

@ -48,10 +48,11 @@ export default defineComponent({
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: this.$ts.pages, title: this.$ts.pages,
icon: faStickyNote, icon: faStickyNote,
action: { actions: [{
icon: faPlus, icon: faPlus,
text: this.$ts.create,
handler: this.create handler: this.create
} }]
}, },
tab: 'featured', tab: 'featured',
featuredPagesPagination: { featuredPagesPagination: {

4
src/client/style.scss
View file

@ -359,6 +359,10 @@ hr {
margin: var(--margin); margin: var(--margin);
} }
._block._isolated {
border-radius: var(--radius);
}
@media (max-width: 500px) { @media (max-width: 500px) {
._root { ._root {
--root-margin: 0; --root-margin: 0;

7
src/client/ui/_common_/header.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div class="fdidabkb" :class="{ center }" :style="`--height:${height};`"> <div class="fdidabkb" :class="{ center }" :style="`--height:${height};`" :key="key">
<transition :name="$store.state.animation ? 'header' : ''" mode="out-in" appear> <transition :name="$store.state.animation ? 'header' : ''" mode="out-in" appear>
<button class="_button back" v-if="withBack && canBack" @click.stop="back()" v-tooltip="$ts.goBack"><Fa :icon="faChevronLeft"/></button> <button class="_button back" v-if="withBack && canBack" @click.stop="back()" v-tooltip="$ts.goBack"><Fa :icon="faChevronLeft"/></button>
</transition> </transition>
@ -50,6 +50,7 @@ export default defineComponent({
canBack: false, canBack: false,
showActions: false, showActions: false,
height: 0, height: 0,
key: 0,
faChevronLeft, faCircle, faShareAlt, faEllipsisH, faChevronLeft, faCircle, faShareAlt, faEllipsisH,
}; };
}, },
@ -64,6 +65,10 @@ export default defineComponent({
}, },
watch: { watch: {
info() {
this.key++;
},
$route: { $route: {
handler(to, from) { handler(to, from) {
this.canBack = (window.history.length > 0 && !['index'].includes(to.name)); this.canBack = (window.history.length > 0 && !['index'].includes(to.name));