mirror of
https://github.com/fastapiadmin/FastapiAdmin.git
synced 2026-09-26 22:31:21 +00:00
zhangtao
e44f96740f
refactor(docs): 迁移文档到src目录并优化配置 style(docs): 统一代码格式和样式 chore(docs): 移除不必要的配置文件和依赖 fix(docs): 修正锁屏对话框的翻译和占位符 feat(components): 添加ElDescriptions组件支持 perf(docs): 优化文档图片加载和缩放功能
74 lines
1.7 KiB
CSS
74 lines
1.7 KiB
CSS
:root:where(:lang(fa)) {
|
|
--vp-font-family-base:
|
|
'Vazirmatn', 'Inter', ui-sans-serif, system-ui, sans-serif,
|
|
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
}
|
|
|
|
:root {
|
|
/* 标题 */
|
|
--vp-home-hero-name-color: transparent;
|
|
--vp-home-hero-name-background: -webkit-linear-gradient(
|
|
120deg,
|
|
#bd34fe 30%,
|
|
#41d1ff
|
|
);
|
|
|
|
/* 图标背景 */
|
|
--vp-home-hero-image-background-image: linear-gradient(
|
|
-45deg,
|
|
#bd34fe80 50%,
|
|
#47caff80 50%
|
|
);
|
|
/* --vp-home-hero-image-background-image: linear-gradient(
|
|
-45deg,
|
|
#bd34fe 50%,
|
|
#47caff 50%
|
|
); */
|
|
--vp-home-hero-image-filter: blur(44px);
|
|
|
|
/* brand按钮 */
|
|
/* --vp-button-brand-border: #F6CEEC; */
|
|
--vp-button-brand-text: #F6CEEC;
|
|
--vp-button-brand-bg: #D939CD;
|
|
|
|
--vp-button-brand-hover-border: #F6CEEC;
|
|
--vp-button-brand-hover-text: #fff;
|
|
--vp-button-brand-hover-bg: #D939CD;
|
|
|
|
--vp-button-brand-active-border: #F6CEEC;
|
|
|
|
}
|
|
|
|
@media (min-width: 640px) {
|
|
:root {
|
|
--vp-home-hero-image-filter: blur(56px);
|
|
}
|
|
}
|
|
|
|
@media (min-width: 960px) {
|
|
:root {
|
|
--vp-home-hero-image-filter: blur(68px);
|
|
}
|
|
}
|
|
|
|
/* 图片放大功能样式优化 */
|
|
.vp-doc img:not(.logo):not([alt*="badge"]):not([alt*="Badge"]):not([alt*="Stars"]):not([alt*="License"]):not([alt*="Python"]):not([alt*="NodeJS"]):not([alt*="MySQL"]):not([alt*="Redis"]) {
|
|
cursor: zoom-in;
|
|
transition: opacity 0.3s ease;
|
|
}
|
|
|
|
.vp-doc img:not(.logo):not([alt*="badge"]):not([alt*="Badge"]):not([alt*="Stars"]):not([alt*="License"]):not([alt*="Python"]):not([alt*="NodeJS"]):not([alt*="MySQL"]):not([alt*="Redis"]):hover {
|
|
opacity: 0.9;
|
|
}
|
|
|
|
/* medium-zoom 覆盖层样式 */
|
|
.medium-zoom-overlay {
|
|
z-index: 999;
|
|
}
|
|
|
|
.medium-zoom-image {
|
|
z-index: 1000;
|
|
border-radius: 4px;
|
|
}
|
|
|