Browse Source

add:模型管理移动端样式适配

master
tiantian 5 months ago
parent
commit
bb3b1d8476
  1. 30
      frontend/src/assets/list.scss
  2. 9
      frontend/src/components/ai/aimodel.vue

30
frontend/src/assets/list.scss

@ -69,4 +69,32 @@ $shadow-color: rgba(0, 0, 0, 0.1); // 阴影颜色
.desc {
font-size: 16px; // 增大字体大小
}
@media screen and (max-width: 768px) {
.mx-5 {
margin: 0;
}
:deep(.el-page-header){
height: 5vh;
.el-page-header__left{
margin-right: 0;
.el-page-header__back{
width: 0;
}
.el-divider--vertical{
margin: 0 5px;
}
.el-page-header__content{
display: flex;
}
}
}
.scrollbarHeightList{
height: 80vh;
}
:deep(.el-dialog){
width: 100vw!important;
label{
width: 20vw!important;
}
}
}

9
frontend/src/components/ai/aimodel.vue

@ -8,6 +8,7 @@ import { Search } from "@element-plus/icons-vue";
import {
getSystemConfig
} from "@/system/config";
import { isMobileDevice } from "@/util/device";
const currentLang = getLang()
const modelStore = useModelStore();
const config = getSystemConfig();
@ -102,7 +103,7 @@ async function download(saveData: any) {
if (saveData.type == "net") {
//console.log(saveData)
const res = await completion.json();
if(res.code == -1){
if (res.code == -1) {
notifyError(res.message);
return
}
@ -267,10 +268,12 @@ async function refreshOllama() {
</div>
</div>
</el-drawer>
<el-dialog v-model="labelEditor" width="600" :title="t('model.modelLabel')">
<el-dialog v-model="labelEditor" width="600" :title="t('model.modelLabel')"
:fullscreen="isMobileDevice() ? true : false">
<down-labeleditor @closeFn="closeLabel" @refreshFn="refreshList" :labelId="labelId" />
</el-dialog>
<el-dialog v-model="downAdd" width="600" :title="t('model.modelDown')">
<el-dialog v-model="downAdd" width="600" :title="t('model.modelDown')"
:fullscreen="isMobileDevice() ? true : false">
<down-addbox @closeFn="downAddUpdate" @saveFn="saveBox" />
</el-dialog>
<el-page-header icon="null">

Loading…
Cancel
Save