docs: ✏️ 优化演示demo显示效果

 Closes: #1269
This commit is contained in:
不如摸鱼去 2025-09-04 21:46:46 +08:00
parent e80b0df51e
commit 868b5ad310

View File

@ -242,11 +242,11 @@ watch(
opacity: 0;
}
@media screen and (min-width: 1280px) {
@media screen and (min-width: 1440px) {
.demo-model {
width: 310px;
height: calc(310px * 143.6 / 70.9 + 56px);
right: 48px;
width: 280px;
height: calc(320px * 143.6 / 70.9);
right: 12px;
}
.collapsed {
@ -254,10 +254,10 @@ watch(
}
}
@media screen and (min-width: 1440px) {
@media screen and (min-width: 1600px) {
.demo-model {
width: 360px;
height: calc(360px * 143.6 / 70.9 + 56px);
width: 340px;
height: calc(340px * 143.6 / 70.9);
right: 64px;
}
@ -266,7 +266,7 @@ watch(
}
}
@media (max-width: 1279px) {
@media (max-width: 1439px) {
.demo-model {
display: none;
}