Physton/sd-webui-prompt-all-in-one
1
0
Fork 0
mirror of https://github.com/Physton/sd-webui-prompt-all-in-one.git synced 2026-01-26 19:29:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Optimize the pop-up window interaction

Browse Source
This commit is contained in:
physton
2024-03-28 23:15:56 +08:00
parent 82b358dfd8
commit 6f7438cc85
7 changed files with 156 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
javascript/main.entry.js
View File

File diff suppressed because one or more lines are too long

2
javascript/main.entry.js.map
View File

File diff suppressed because one or more lines are too long

5
src/src/components/blacklist.vue
View File

@@ -1,7 +1,10 @@
<template>
<Transition name="fadeDown">
<div class="physton-prompt-blacklist" v-if="isOpen" @click="">
<div class="physton-prompt-blacklist" v-if="isOpen" @click="onCloseClick">
<div class="blacklist-main" @click.stop>
<div class="blacklist-popup-close" @click="onCloseClick">
<icon-svg name="close"/>
</div>
<div class="blacklist-body" @click.stop>
<div class="blacklist-desc">1. {{ getLang('blacklist_desc') }}</div>
<div class="blacklist-group">

5
src/src/components/hotkey.vue
View File

@@ -1,7 +1,10 @@
<template>
<Transition name="fadeDown">
<div class="physton-prompt-hotkey" v-if="isOpen" @click="">
<div class="physton-prompt-hotkey" v-if="isOpen" @click="onCloseClick">
<div class="hotkey-main" @click.stop>
<div class="hotkey-popup-close" @click="onCloseClick">
<icon-svg name="close"/>
</div>
<div class="hotkey-body" @click.stop>
<div class="hotkey-list">
<div class="hotkey-item" v-for="(hotkey) in hotkeys" :key="hotkey.name">

11
src/src/components/translateSetting.vue
View File

@@ -1,8 +1,11 @@
<template>
<Transition name="fadeDown">
<div class="physton-prompt-translate-setting" v-if="isOpen">
<div class="translate-setting-main">
<div class="translate-setting-content">
<div class="physton-prompt-translate-setting" v-if="isOpen" @click="onCloseClick">
<div class="translate-setting-main" @click.stop>
<div class="translate-setting-close" @click="onCloseClick">
<icon-svg name="close"/>
</div>
<div class="translate-setting-content" @click.stop>
<div class="setting-line">
<div class="line-title">{{ getLang('translate_api') }}</div>
<div class="line-content">
@@ -122,13 +125,13 @@
</div>
</div>
</div>
</div>
<div class="setting-btns">
<div class="translate-save hover-scale-120" @click="onSaveClick">{{ getLang('save') }}</div>
<div class="translate-close hover-scale-120" @click="onCloseClick">{{ getLang('close') }}</div>
</div>
</div>
</div>
</div>
</Transition>
</template>
<script>

28
styles/main.less
View File

@@ -4150,6 +4150,10 @@
.blacklist-main {
position: var(--ppb-blacklistMain-position);
.blacklist-popup-close {
.common-popup-close();
}
.blacklist-body {
display: var(--ppb-bm-blacklistBody-display);
flex-wrap: var(--ppb-bm-blacklistBody-flex-wrap);
@@ -4233,6 +4237,10 @@
.hotkey-main {
position: var(--pph-hotkeyMain-position);
.hotkey-popup-close {
.common-popup-close();
}
.hotkey-body {
display: var(--pph-hm-hotkeyBody-display);
flex-wrap: var(--pph-hm-hotkeyBody-flex-wrap);
@@ -4461,21 +4469,25 @@
.translate-setting-main {
.common-popup-main();
.common-popup-height();
.translate-setting-close {
.common-popup-close();
}
.translate-setting-content {
max-height: var(--ppts-tsm-translateSettingContent-max-height);
overflow: var(--ppts-tsm-translateSettingContent-overflow);
overflow-y: var(--ppts-tsm-translateSettingContent-overflow-y);
//max-height: var(--ppts-tsm-translateSettingContent-max-height);
//overflow: var(--ppts-tsm-translateSettingContent-overflow);
//overflow-y: var(--ppts-tsm-translateSettingContent-overflow-y);
padding: var(--ppts-tsm-translateSettingContent-padding);
border: var(--ppts-tsm-translateSettingContent-border);
border-radius: var(--ppts-tsm-translateSettingContent-border-radius);
.common-popup-height();
// 始终显示滚动条
&::-webkit-scrollbar {
width: var(--ppts-tsm-translateSettingContentWebkitScrollbar-width);
height: var(--ppts-tsm-translateSettingContentWebkitScrollbar-height);
}
//&::-webkit-scrollbar {
// width: var(--ppts-tsm-translateSettingContentWebkitScrollbar-width);
// height: var(--ppts-tsm-translateSettingContentWebkitScrollbar-height);
//}
}
.setting-line {

2
styles/main.min.css vendored
View File

File diff suppressed because one or more lines are too long