paperclip-bot/labelmain-demo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf(style): codex-skills/cowa-admin-list-ui

Browse Source
This commit is contained in:
zhangheng
2026-04-28 14:36:36 +08:00
parent 2e33b6fd7e
commit 9d9bf4ff7f
20 changed files with 2672 additions and 812 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
app/person/report/components/DailyReportModal.module.css
View File

@@ -1,81 +1,116 @@
.modalContent {
border-radius: 16px;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 24px 60px rgba(15, 23, 42, 0.16);
box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
}
.modalHeader {
padding: 20px 24px 0;
padding: 16px 20px 0;
background: #ffffff;
}
.modalTitle {
color: #1f2329;
font-size: 18px;
font-weight: 700;
line-height: 28px;
color: #1d2129;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.modalBody {
padding: 16px 24px 24px;
background: #f8fafc;
padding: 16px 20px 20px;
background: #ffffff;
}
.formSurface {
border-color: #e6ebf2;
background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
border-color: #e5e6eb;
border-radius: 4px;
background: #ffffff;
box-shadow: none;
}
.formPanel :global(.mantine-InputWrapper-label) {
color: #1f2329;
color: #4e5969;
font-size: 14px;
font-weight: 500;
line-height: 22px;
margin-bottom: 6px;
line-height: 20px;
margin-bottom: 4px;
}
.formPanel :global(.mantine-Input-input),
.formPanel :global(.mantine-DateInput-input),
.formPanel :global(.mantine-Select-input),
.formPanel :global(.mantine-NumberInput-input),
.formPanel :global(.mantine-Textarea-input) {
min-height: 36px;
border-color: #d0d5dd;
background: #ffffff;
color: #31373d;
min-height: 32px;
border-color: #e5e6eb;
border-radius: 4px;
background: #f7f8fa;
color: #1d2129;
font-size: 14px;
box-shadow: none;
transition:
border-color 0.15s ease,
box-shadow 0.15s ease,
background-color 0.15s ease;
border-color 0.2s ease,
color 0.2s ease,
background-color 0.2s ease;
}
.formPanel :global(.mantine-Input-input::placeholder),
.formPanel :global(.mantine-DateInput-input::placeholder),
.formPanel :global(.mantine-Select-input::placeholder),
.formPanel :global(.mantine-NumberInput-input::placeholder),
.formPanel :global(.mantine-Textarea-input::placeholder) {
color: #98a2b3;
color: #86909c;
}
.formPanel :global(.mantine-Input-input:focus),
.formPanel :global(.mantine-DateInput-input:focus),
.formPanel :global(.mantine-Select-input:focus),
.formPanel :global(.mantine-NumberInput-input:focus),
.formPanel :global(.mantine-Textarea-input:focus) {
border-color: #69c0ff;
box-shadow: 0 0 0 3px rgba(105, 192, 255, 0.14);
border-color: #1874ff;
background: #ffffff;
box-shadow: 0 0 0 2px rgba(24, 116, 255, 0.12);
}
.formPanel :global(.mantine-Input-input[readonly]),
.formPanel :global(.mantine-NumberInput-input[readonly]) {
background: #f8fafc;
color: #667085;
.formPanel :global(.mantine-DateInput-input[readonly]),
.formPanel :global(.mantine-NumberInput-input[readonly]),
.formPanel :global(.mantine-Textarea-input[readonly]) {
background: #f7f8fa;
color: #86909c;
}
.formPanel :global(.mantine-Input-section),
.formPanel :global(.mantine-DateInput-section),
.formPanel :global(.mantine-Select-section),
.formPanel :global(.mantine-NumberInput-section) {
color: #86909c;
}
.formPanel :global(.mantine-Button-root) {
min-height: 36px;
border-radius: 8px;
padding-inline: 14px;
min-height: 32px;
border-radius: 4px;
padding-inline: 12px;
font-size: 14px;
font-weight: 500;
box-shadow: none;
}
.formPanel :global(.mantine-Button-root[data-variant="filled"]) {
--button-bg: #1874ff;
--button-hover: #0f6ae8;
--button-color: #ffffff;
--button-bd: transparent;
background: #1874ff !important;
color: #ffffff !important;
}
.formPanel :global(.mantine-Button-root[data-variant="filled"]:hover) {
background: #0f6ae8 !important;
}
.formPanel :global(.mantine-Button-root[data-variant="default"]) {
border-color: #e5e6eb;
background: #ffffff;
color: #4e5969;
}

11
app/person/report/components/DailyReportModal.tsx
View File

@@ -358,12 +358,7 @@ export default function DailyReportModal(props: {
}}
closeOnClickOutside={false}>
<form onSubmit={handleSubmit}>
<Paper
withBorder
radius="lg"
p="md"
shadow="xs"
className={classes.formSurface}>
<Paper withBorder radius="sm" p="md" className={classes.formSurface}>
<Stack gap="md" className={classes.formPanel}>
<SimpleGrid cols={{ base: 1, sm: 3 }} spacing="sm">
<TextInput label="姓名" value={form.values.user_name} readOnly />
@@ -547,7 +542,9 @@ export default function DailyReportModal(props: {
}}>
取消
</Button>
<Button type="submit">提交</Button>
<Button type="submit" color="#1874ff">
提交
</Button>
</Group>
</Stack>
</Paper>