remove code for set left component fixed height

This commit is contained in:
RockYang
2024-05-18 08:07:09 +08:00
parent 45d6579fb6
commit 00c8f08179
16 changed files with 67 additions and 33 deletions

View File

@@ -87,14 +87,17 @@
<el-affix position="bottom" :offset="0">
<div class="input-box">
<span class="tool-item">
<el-tooltip effect="dark" content="聊天设置">
<el-popover
:width="300"
trigger="click"
placement="top-start"
>
<template #reference>
<i class="iconfont icon-config"></i>
<div>
<el-tooltip effect="dark" content="模型选择">
<i class="iconfont icon-model"></i>
</el-tooltip>
</div>
</template>
<template #default>
@@ -134,8 +137,6 @@
</div>
</template>
</el-popover>
</el-tooltip>
</span>
<span class="tool-item" @click="ElMessage.info('暂时不支持语音输入')">
@@ -189,9 +190,7 @@
title="网站公告"
>
<div class="notice">
<el-text type="primary">
<div v-html="notice"></div>
</el-text>
<div v-html="notice"></div>
<p style="text-align: right">
<el-button @click="notShow" type="success" plain>我知道了不再显示</el-button>
@@ -901,8 +900,25 @@ const insertURL = (url) => {
<style lang="stylus">
.notice-dialog {
.el-dialog__header {
padding-bottom 0
}
.el-dialog__body {
padding 0 20px
ol, ul {
padding-left 10px
}
ol {
list-style decimal-leading-zero
padding-left 20px
}
ul {
list-style disc
}
}
}

View File

@@ -2,7 +2,7 @@
<div>
<div class="page-dall">
<div class="inner custom-scroll">
<div class="sd-box" :style="{ height: paramBoxHeight + 'px' }">
<div class="sd-box">
<h2>DALL-E 创作中心</h2>
<div class="sd-params">
@@ -88,7 +88,7 @@
<h2>任务列表</h2>
<div class="running-job-list">
<div class="running-job-box" v-if="runningJobs.length > 0">
<div class="job-item" v-for="item in runningJobs">
<div class="job-item" v-for="item in runningJobs" :key="item.id">
<div v-if="item.progress > 0" class="job-item-inner">
<el-image :src="item['img_url']" fit="cover" loading="lazy">
<template #placeholder>
@@ -227,7 +227,7 @@
<script setup>
import {onMounted, onUnmounted, ref} from "vue"
import {Delete, InfoFilled} from "@element-plus/icons-vue";
import {Delete, InfoFilled, Picture} from "@element-plus/icons-vue";
import {httpGet, httpPost} from "@/utils/http";
import {ElMessage, ElMessageBox, ElNotification} from "element-plus";
import Clipboard from "clipboard";
@@ -235,7 +235,7 @@ import {checkSession} from "@/action/session";
import {useSharedStore} from "@/store/sharedata";
const listBoxHeight = ref(0)
const paramBoxHeight = ref(0)
// const paramBoxHeight = ref(0)
const isLogin = ref(false)
const loading = ref(true)
const colWidth = ref(220)
@@ -245,7 +245,7 @@ const store = useSharedStore();
const resizeElement = function () {
listBoxHeight.value = window.innerHeight - 90
paramBoxHeight.value = window.innerHeight - 110
// paramBoxHeight.value = window.innerHeight - 110
};
resizeElement()
window.onresize = () => {

View File

@@ -625,7 +625,7 @@ const store = useSharedStore();
const resizeElement = function () {
listBoxHeight.value = window.innerHeight - 80
paramBoxHeight.value = window.innerHeight - 190
paramBoxHeight.value = window.innerHeight - 160
};
resizeElement()
window.onresize = () => {

View File

@@ -2,7 +2,7 @@
<div>
<div class="page-sd">
<div class="inner custom-scroll">
<div class="sd-box" :style="{ height: paramBoxHeight + 'px' }">
<div class="sd-box">
<h2>Stable Diffusion 创作中心</h2>
<div class="sd-params">
@@ -512,7 +512,7 @@ import {getSessionId} from "@/store/session";
import {useSharedStore} from "@/store/sharedata";
const listBoxHeight = ref(0)
const paramBoxHeight = ref(0)
// const paramBoxHeight = ref(0)
const fullImgHeight = ref(window.innerHeight - 60)
const showTaskDialog = ref(false)
const item = ref({})
@@ -523,7 +523,7 @@ const store = useSharedStore();
const resizeElement = function () {
listBoxHeight.value = window.innerHeight - 80
paramBoxHeight.value = window.innerHeight - 110
// paramBoxHeight.value = window.innerHeight - 200
};
resizeElement()
window.onresize = () => {

View File

@@ -1,7 +1,7 @@
<template>
<div>
<div class="member custom-scroll">
<div class="inner" :style="{height: listBoxHeight + 'px'}">
<div class="inner">
<div class="user-profile">
<user-profile/>
@@ -168,7 +168,6 @@ import UserOrder from "@/components/UserOrder.vue";
import CountDown from "@/components/CountDown.vue";
import {useSharedStore} from "@/store/sharedata";
const listBoxHeight = window.innerHeight - 97
const list = ref([])
const showPayDialog = ref(false)
const vipImg = ref("/images/vip.png")

View File

@@ -528,6 +528,10 @@ const onUploadImg = (files, callback) => {
}
}
}
.el-input {
width 100%
}
}
.el-descriptions {