trace-system/frontend
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: polish overall user interface and layout

Browse Source
This commit is contained in:
郑肖毅
2026-02-06 20:59:28 +08:00
parent b94e7f42a4
commit a0871524ac
1 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/Generate.tsx
View File

@@ -122,7 +122,7 @@ function GeneratePage() {
name="companyName"
rules={[{ required: true, message: '请输入企业名称' }]}
>
<Input placeholder="输入企业名称（如：浙江贝凡）" />
<Input placeholder="输入企业名称（如：浙江贝凡）" style={{ width: '80%' }} />
</Form.Item>
<Form.Item label="序列号设置" name="serialOption">
@@ -154,7 +154,7 @@ function GeneratePage() {
name="quantity"
rules={[{ required: true, message: '请输入序列号数量' }]}
>
<InputNumber min={1} max={100} style={{ width: '100%' }} />
<InputNumber min={1} max={100} style={{ width: '80%' }} />
</Form.Item>
</Col>
@@ -177,7 +177,7 @@ function GeneratePage() {
name="validDays"
rules={[{ required: true, message: '请输入有效天数' }]}
>
<InputNumber min={1} max={3650} style={{ width: '100%' }} />
<InputNumber min={1} max={3650} style={{ width: '80%' }} />
</Form.Item>
) : (
<Form.Item
@@ -185,7 +185,7 @@ function GeneratePage() {
name="validUntil"
rules={[{ required: true, message: '请选择有效期' }]}
>
<DatePicker showTime style={{ width: '100%' }} />
<DatePicker showTime style={{ width: '80%' }} />
</Form.Item>
)
}
@@ -196,8 +196,8 @@ function GeneratePage() {
name="qrColor"
initialValue="#000000"
>
<div>
<div style={{ marginBottom: '12px', display: 'flex', flexWrap: 'wrap', gap: '8px' }}>
<div style={{ display: 'flex', alignItems: 'center', gap: '12px' }}>
<div style={{ display: 'flex', flexWrap: 'wrap', gap: '8px' }}>
{colorPresets.map((color) => (
<div
key={color}
@@ -214,7 +214,6 @@ function GeneratePage() {
/>
))}
</div>
<Divider style={{ margin: '12px 0' }} />
<ColorPicker
value={qrColor}
onChange={(color: Color) => {