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