You've already forked iFlow-Settings-Editor-GUI
修复 弹框点击空白处误关闭的问题
This commit is contained in:
14
src/App.vue
14
src/App.vue
@@ -207,8 +207,8 @@
|
|||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
<!-- Input Dialog -->
|
<!-- Input Dialog -->
|
||||||
<div v-if="showInputDialog.show" class="dialog-overlay dialog-overlay-top" @click.self="closeInputDialog(false)">
|
<div v-if="showInputDialog.show" class="dialog-overlay dialog-overlay-top">
|
||||||
<div class="dialog">
|
<div class="dialog" @click.stop>
|
||||||
<div class="dialog-title">{{ showInputDialog.title }}</div>
|
<div class="dialog-title">{{ showInputDialog.title }}</div>
|
||||||
<div v-if="showInputDialog.isConfirm" class="dialog-confirm-text">{{ showInputDialog.placeholder }}</div>
|
<div v-if="showInputDialog.isConfirm" class="dialog-confirm-text">{{ showInputDialog.placeholder }}</div>
|
||||||
<input v-else type="text" class="form-input" v-model="inputDialogValue" :placeholder="showInputDialog.placeholder" @keyup.enter="closeInputDialog(true)" autofocus />
|
<input v-else type="text" class="form-input" v-model="inputDialogValue" :placeholder="showInputDialog.placeholder" @keyup.enter="closeInputDialog(true)" autofocus />
|
||||||
@@ -220,8 +220,8 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Message Dialog -->
|
<!-- Message Dialog -->
|
||||||
<div v-if="showMessageDialog.show" class="dialog-overlay dialog-overlay-top" @click.self="closeMessageDialog">
|
<div v-if="showMessageDialog.show" class="dialog-overlay dialog-overlay-top">
|
||||||
<div class="dialog message-dialog">
|
<div class="dialog message-dialog" @click.stop>
|
||||||
<div class="message-dialog-icon" :class="'message-dialog-icon-' + showMessageDialog.type">
|
<div class="message-dialog-icon" :class="'message-dialog-icon-' + showMessageDialog.type">
|
||||||
<svg v-if="showMessageDialog.type === 'info'" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
<svg v-if="showMessageDialog.type === 'info'" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||||
<circle cx="12" cy="12" r="10"/>
|
<circle cx="12" cy="12" r="10"/>
|
||||||
@@ -251,7 +251,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- API Profile Create Dialog -->
|
<!-- API Profile Create Dialog -->
|
||||||
<div v-if="showApiCreateDialog" class="dialog-overlay dialog-overlay-top" @click.self="closeApiCreateDialog" @keyup.esc="closeApiCreateDialog" tabindex="-1" ref="apiCreateDialogOverlay" style="z-index: 1200;">
|
<div v-if="showApiCreateDialog" class="dialog-overlay dialog-overlay-top" @keyup.esc="closeApiCreateDialog" tabindex="-1" ref="apiCreateDialogOverlay" style="z-index: 1200;">
|
||||||
<div class="dialog api-edit-dialog" @click.stop>
|
<div class="dialog api-edit-dialog" @click.stop>
|
||||||
<div class="dialog-header">
|
<div class="dialog-header">
|
||||||
<div class="dialog-title">
|
<div class="dialog-title">
|
||||||
@@ -311,7 +311,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- API Profile Edit Dialog -->
|
<!-- API Profile Edit Dialog -->
|
||||||
<div v-if="showApiEditDialog" class="dialog-overlay dialog-overlay-top" @click.self="closeApiEditDialog" @keyup.esc="closeApiEditDialog" tabindex="-1" ref="apiEditDialogOverlay">
|
<div v-if="showApiEditDialog" class="dialog-overlay dialog-overlay-top" @keyup.esc="closeApiEditDialog" tabindex="-1" ref="apiEditDialogOverlay">
|
||||||
<div class="dialog api-edit-dialog" @click.stop>
|
<div class="dialog api-edit-dialog" @click.stop>
|
||||||
<div class="dialog-header">
|
<div class="dialog-header">
|
||||||
<div class="dialog-title">
|
<div class="dialog-title">
|
||||||
@@ -367,7 +367,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Server Side Panel -->
|
<!-- Server Side Panel -->
|
||||||
<div v-if="showServerPanel" class="side-panel-overlay" @click.self="closeServerPanel" @keyup.esc="closeServerPanel" tabindex="-1" ref="serverPanelOverlay">
|
<div v-if="showServerPanel" class="side-panel-overlay" @keyup.esc="closeServerPanel" tabindex="-1" ref="serverPanelOverlay">
|
||||||
<div class="side-panel" @click.stop> <div class="side-panel-header">
|
<div class="side-panel" @click.stop> <div class="side-panel-header">
|
||||||
<div class="side-panel-title">
|
<div class="side-panel-title">
|
||||||
<Server size="18" />
|
<Server size="18" />
|
||||||
|
|||||||
Reference in New Issue
Block a user