diff --git a/smart-flow-web/src/theme/smart-admin.less b/smart-flow-web/src/theme/smart-admin.less index d2bd8ba..8b1737f 100644 --- a/smart-flow-web/src/theme/smart-admin.less +++ b/smart-flow-web/src/theme/smart-admin.less @@ -64,6 +64,80 @@ .smart-margin-bottom10 { margin-bottom: 10px; } + +/******************************** 页面容器公共样式 ********************************/ +.admin-content { + padding: 8px; +} +.admin-content .app-container{ + padding: 8px; +} +.page-container { + padding: 8px; + min-height: calc(100vh - 120px); +} + +.glass-card { + background: rgba(255, 255, 255, 0.65); + backdrop-filter: blur(12px); + -webkit-backdrop-filter: blur(12px); + border: 1px solid rgba(255, 255, 255, 0.4); + border-radius: 12px; + padding: 24px; + box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.06); +} + +.glass-card .header { + border-bottom: 1px solid rgba(0, 0, 0, 0.06); + padding-bottom: 16px; + margin-bottom: 20px; +} + +.glass-card .icon-wrapper { + width: 48px; + height: 48px; + border-radius: 10px; + display: flex; + align-items: center; + justify-content: center; + color: white; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); +} + +.glass-card .icon-wrapper .icon { + font-size: 24px; +} + +.glass-card .title { + font-size: 18px; + font-weight: 600; + color: #1a1a1a; + margin: 0; +} + +.glass-card .subtitle { + font-size: 13px; + color: #666; + margin: 4px 0 0 0; +} + +.glass-card .table-placeholder { + min-height: 250px; + display: flex; + align-items: center; + justify-content: center; + border: 1px dashed rgba(0, 0, 0, 0.08); + border-radius: 8px; + background: rgba(255, 255, 255, 0.2); +} + +.glass-card .query-form { + margin-bottom: 20px; + padding: 16px; + background: rgba(255, 255, 255, 0.4); + border-radius: 8px; + border: 1px solid rgba(0, 0, 0, 0.03); +} /******************************** 查询表格样式 ********************************/ .smart-query-form { background-color: #ffffff; @@ -111,4 +185,4 @@ .smart-table-setting-block { float: right; } -} +} \ No newline at end of file