82cb521b2e
主要更新： - 新增使用统计功能，支持按模型显示成功/失败计数 - 大幅增强认证文件页面功能 - 新增每个文件的启用/禁用切换 - 新增前缀/代理 URL 模态编辑器 - 新增 OAuth 映射的模型建议功能 - 优化模型映射 UI，使用自动完成输入 - 新增禁用状态样式 - UI/UX 改进 - 实现自定义 AutocompleteInput 组件 - 优化页面过渡动画，使用交叉淡入淡出效果 - 改进 GSAP 页面过渡流畅度 - 配额管理优化 - 统一 Gemini CLI 配额组（Flash/Pro 系列） - 系统监控增强 - 扩展健康监控窗口到 200 分钟 - 修复多个 bug 和改进代码质量 涉及文件：21 个文件修改，新增 1484 行，删除 461 行
40 lines
769 B
SCSS
40 lines
769 B
SCSS
@use '@/styles/variables.scss' as *;
|
|
|
|
.page-transition {
|
|
position: relative;
|
|
flex: 1 1 auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: 0;
|
|
overflow: hidden;
|
|
|
|
&__layer {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: $spacing-lg;
|
|
min-height: 0;
|
|
flex: 1;
|
|
backface-visibility: hidden;
|
|
transform: translateZ(0);
|
|
|
|
// During animation, exit layer uses absolute positioning
|
|
&--exit {
|
|
position: absolute;
|
|
inset: 0;
|
|
z-index: 1;
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
will-change: transform, opacity;
|
|
}
|
|
}
|
|
|
|
&--animating &__layer {
|
|
will-change: transform, opacity;
|
|
}
|
|
|
|
&--animating &__layer:not(.page-transition__layer--exit) {
|
|
position: relative;
|
|
z-index: 0;
|
|
}
|
|
}
|