rlwj-lab/opsxsql
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 功能展示风格提到第一位+比例优化 — 右侧400px更紧凑，左侧间距缩减，默认登录页改为sidepanel

Browse Source
This commit is contained in:
logan committed 2026-05-27 18:21:22 +08:00
1 parent f8b2266542
commit 492bf7f8e3
3 files changed
+21 -21
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

frontend/src/components/login/SidePanel.tsx
+14 -14
View File
@@ -30,28 +30,28 @@ export default function SidePanel() {
</button>
{/* 左侧 */}
<div className="flex-1 flex flex-col justify-center px-16 relative z-10">
<div className="mb-10">
<div className="flex items-center gap-3 mb-6">
<div className="w-12 h-12 rounded-xl dg-gradient-br flex items-center justify-center">
<Shield className="w-7 h-7 text-white" />
<div className="flex-1 flex flex-col justify-center px-12 relative z-10">
<div className="mb-8">
<div className="flex items-center gap-3 mb-5">
<div className="w-11 h-11 rounded-xl dg-gradient-br flex items-center justify-center">
<Shield className="w-6 h-6 text-white" />
</div>
<h1 className="text-5xl font-bold dg-gradient-text">
<h1 className="text-4xl font-bold dg-gradient-text">
SQL-Platform
</h1>
</div>
<p className="text-lg text-[var(--dg-text-secondary)] leading-relaxed">
企业级数据审核与变更管理平台<br />
支持多数据库类型，提供完善的 SQL 审核、审批流程和审计追踪
<p className="text-base text-[var(--dg-text-secondary)] leading-relaxed">
企业级数据审核与变更管理平台，支持多数据库类型，<br />
提供完善的 SQL 审核、审批流程和审计追踪
</p>
</div>
<div className="grid grid-cols-2 gap-4">
<div className="grid grid-cols-2 gap-3">
{features.map((f, i) => (
<div key={i} className="flex items-start gap-3 p-4 rounded-xl bg-[var(--dg-bg-secondary)]/60 border border-[var(--dg-border)] hover:border-blue-500/50 hover:bg-[var(--dg-bg-secondary)] transition-all group">
<f.icon className="w-6 h-6 text-blue-400 mt-0.5 flex-shrink-0 group-hover:scale-110 transition-transform" />
<div key={i} className="flex items-start gap-2.5 p-3 rounded-xl bg-[var(--dg-bg-secondary)]/60 border border-[var(--dg-border)] hover:border-blue-500/50 hover:bg-[var(--dg-bg-secondary)] transition-all group">
<f.icon className="w-5 h-5 text-blue-400 mt-0.5 flex-shrink-0 group-hover:scale-110 transition-transform" />
<div>
<h4 className="text-sm font-semibold mb-1">{f.title}</h4>
<h4 className="text-sm font-semibold mb-0.5">{f.title}</h4>
<p className="text-xs text-[var(--dg-text-secondary)]">{f.desc}</p>
</div>
</div>
@@ -60,7 +60,7 @@ export default function SidePanel() {
</div>
{/* 右侧 */}
<div className="w-[480px] flex flex-col justify-center px-16 bg-[var(--dg-bg-secondary)]/80 backdrop-blur-xl border-l border-[var(--dg-border)] relative z-10">
<div className="w-[400px] flex flex-col justify-center px-12 bg-[var(--dg-bg-secondary)]/80 backdrop-blur-xl border-l border-[var(--dg-border)] relative z-10">
<div className="w-full max-w-sm mx-auto">
<div className="flex items-center gap-2 mb-2">
<Sparkles className="w-5 h-5 text-blue-400" />