lingling
/
tiny-rdm
mirror of https://github.com/tiny-craft/tiny-rdm.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: pin button in editor can not show on Linux

This commit is contained in:
Lykin 2023-11-24 00:52:48 +08:00
parent 79c943f85d
commit 71978c325b
1 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/components/content_value/ContentEntryEditor.vue
View File

@ -63,7 +63,7 @@ watch(
)
const loading = ref(false)
const pin = ref(false)
const isPin = ref(false)
const viewAs = reactive({
field: '',
value: '',
@ -130,13 +130,13 @@ const onToggleFullscreen = () => {
}
const onClose = () => {
pin.value = false
isPin.value = false
emit('close')
}
const onSave = () => {
emit('save', viewAs.field, viewAs.value, viewAs.decode, viewAs.format)
if (!pin.value) {
if (!isPin.value) {
nextTick().then(onClose)
}
}
@ -178,13 +178,12 @@ const onSave = () => {
<template #header-extra>
<n-space :size="5">
<icon-button
:button-style="pin ? pinBtnStyle : btnStyle"
:button-style="isPin ? pinBtnStyle : btnStyle"
:icon="Pin"
:size="19"
:t-tooltip="pin ? 'interface.unpin_edit' : 'interface.pin_edit'"
:t-tooltip="isPin ? 'interface.unpin_edit' : 'interface.pin_edit'"
stroke-width="4"
@click="pin = !pin">
<Pin :inverse="pin" stroke-width="4" />
</icon-button>
@click="isPin = !isPin" />
<icon-button
:button-style="btnStyle"
:icon="props.fullscreen ? OffScreen : FullScreen"