tweak ui
This commit is contained in:
parent
50bad84747
commit
36170c816a
|
@ -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,
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue