Mizah/mizzkey
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

tweak ui

Browse source
This commit is contained in:
syuilo 2021-10-12 01:04:50 +09:00
parent 50bad84747
commit 36170c816a
2 changed files with 30 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/client/components/ui/button.vue
View file

@ -1,6 +1,5 @@
<template> <template>
<component class="bghgjjyj _button" <button v-if="!link" class="bghgjjyj _button"
:is="link ? 'MkA' : 'button'"
:class="{ inline, primary, danger, rounded, full }" :class="{ inline, primary, danger, rounded, full }"
:type="type" :type="type"
@click="$emit('click', $event)" @click="$emit('click', $event)"
@ -10,7 +9,17 @@
<div class="content"> <div class="content">
<slot></slot> <slot></slot>
</div> </div>
</component> </button>
<MkA v-else class="bghgjjyj _button"
:class="{ inline, primary, danger, rounded, full }"
:to="to"
@mousedown="onMousedown"
>
<div ref="ripples" class="ripples"></div>
<div class="content">
<slot></slot>
</div>
</MkA>
</template> </template>
<script lang="ts"> <script lang="ts">
@ -42,6 +51,10 @@ export default defineComponent({
required: false, required: false,
default: false default: false
}, },
to: {
type: String,
required: false
},
autofocus: { autofocus: {
type: Boolean, type: Boolean,
required: false, required: false,

25
src/client/pages/page-editor/page-editor.vue
View file

@ -3,12 +3,11 @@
<MkHeader :info="header"/> <MkHeader :info="header"/>
<div class="_root"> <div class="_root">
<MkA class="view" v-if="pageId" :to="`/@${ author.username }/pages/${ currentName }`"><i class="fas fa-external-link-square-alt"></i> {{ $ts._pages.viewPage }}</MkA> <div class="jqqmcavi" style="margin: 16px;">
<MkButton v-if="pageId" class="button" inline link :to="`/@${ author.username }/pages/${ currentName }`"><i class="fas fa-external-link-square-alt"></i> {{ $ts._pages.viewPage }}</MkButton>
<div class="buttons" style="margin: 16px;"> <MkButton inline @click="save" primary class="button" v-if="!readonly"><i class="fas fa-save"></i> {{ $ts.save }}</MkButton>
<MkButton inline @click="save" primary class="save" v-if="!readonly"><i class="fas fa-save"></i> {{ $ts.save }}</MkButton> <MkButton inline @click="duplicate" class="button" v-if="pageId"><i class="fas fa-copy"></i> {{ $ts.duplicate }}</MkButton>
<MkButton inline @click="duplicate" class="duplicate" v-if="pageId"><i class="fas fa-copy"></i> {{ $ts.duplicate }}</MkButton> <MkButton inline @click="del" class="button" v-if="pageId && !readonly" danger><i class="fas fa-trash-alt"></i> {{ $ts.delete }}</MkButton>
<MkButton inline @click="del" class="delete" v-if="pageId && !readonly"><i class="fas fa-trash-alt"></i> {{ $ts.delete }}</MkButton>
</div> </div>
<div v-if="tab === 'settings'"> <div v-if="tab === 'settings'">
@ -492,6 +491,14 @@ export default defineComponent({
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.jqqmcavi {
> .button {
& + .button {
margin-left: 8px;
}
}
}
.gwbmwxkm { .gwbmwxkm {
position: relative; position: relative;
@ -559,11 +566,7 @@ export default defineComponent({
} }
.qmuvgica { .qmuvgica {
padding: 32px; padding: 16px;
@media (max-width: 500px) {
padding: 16px;
}
> .variables { > .variables {
margin-bottom: 16px; margin-bottom: 16px;