Browse Source

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

master
tiantian 5 months ago
parent
commit
bb3b1d8476
  1. 30
      frontend/src/assets/list.scss
  2. 7
      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;
}
}
}

7
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();
@ -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