External/bichon
1
0
Fork 0
mirror of https://github.com/rustmailer/bichon.git synced 2026-08-03 07:48:34 +02:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
rustmailer
2026-05-14 22:45:46 +08:00
parent 0a7a22fa7f
commit 8bb39b4095
3 changed files with 27 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/api-docs.tsx
+5 -1
View File
@@ -27,7 +27,11 @@ import { Separator } from "./ui/separator";
export default function APIDocs() { export default function APIDocs() {
const { t } = useTranslation() const { t } = useTranslation()
const base_url = (window as any).__BICHON_BASE__ || ''; const rawBase: string = (window as any).__BICHON_BASE__ || '';
const normalized = rawBase.replace(/\/+$/, '');
const base_url = normalized.startsWith('http')
? normalized
: `${window.location.origin}${normalized}`;
const docsOptions = [ const docsOptions = [
{ name: t('apiDocs.swaggerUI'), path: `${base_url}/api-docs/swagger` }, { name: t('apiDocs.swaggerUI'), path: `${base_url}/api-docs/swagger` },
web/src/features/dashboard/index.tsx
+8 -3
View File
@@ -278,9 +278,11 @@ export default function MailArchiveDashboard() {
const dataPoint = payload[0].payload; const dataPoint = payload[0].payload;
const fullDate = formatTooltipDate(dataPoint.timestamp_ms, currentLocale); const fullDate = formatTooltipDate(dataPoint.timestamp_ms, currentLocale);
return ( return (
<div className="p-2 border rounded-lg shadow-md bg-white dark:bg-gray-800"> <div className="p-2 border rounded-lg shadow-md bg-background">
<p className="font-semibold text-xs mb-1">{fullDate}</p> <p className="font-semibold text-xs mb-1 text-foreground">{fullDate}</p>
<p className="text-xs">{t('dashboard.emails')}: {formatNumber(dataPoint.count)}</p> <p className="text-xs text-muted-foreground">
{t('dashboard.emails')}: <span className="font-medium text-foreground">{formatNumber(dataPoint.count)}</span>
</p>
</div> </div>
); );
} }
@@ -329,6 +331,9 @@ export default function MailArchiveDashboard() {
fontSize: '12px', fontSize: '12px',
padding: '4px 8px', padding: '4px 8px',
borderRadius: '6px', borderRadius: '6px',
backgroundColor: 'hsl(var(--background))',
border: '1px solid hsl(var(--border))',
color: 'hsl(var(--foreground))',
}} }}
itemStyle={{ itemStyle={{
fontSize: '12px', fontSize: '12px',
web/src/features/users/roles/components/action-dialog.tsx
+14 -14
View File
@@ -145,7 +145,7 @@ export function RoleActionDialog({ currentRow, open, onOpenChange }: Props) {
return ( return (
<Dialog open={open} onOpenChange={onOpenChange}> <Dialog open={open} onOpenChange={onOpenChange}>
<DialogContent className="max-w-7xl w-[95vw] max-h-[90vh] flex flex-col p-0 overflow-hidden"> <DialogContent className="max-w-7xl w-[95vw] max-h-[90vh] flex flex-col p-0 overflow-hidden">
<div className="p-6 border-b bg-white"> <div className="p-6 border-b bg-card">
<DialogHeader> <DialogHeader>
<DialogTitle> <DialogTitle>
{isEdit ? t('roles.title.edit', { name: currentRow?.name }) : t('roles.title.create')} {isEdit ? t('roles.title.edit', { name: currentRow?.name }) : t('roles.title.create')}
@@ -160,7 +160,7 @@ export function RoleActionDialog({ currentRow, open, onOpenChange }: Props) {
<form <form
id="role-form" id="role-form"
onSubmit={form.handleSubmit((v) => mutation.mutate(v))} onSubmit={form.handleSubmit((v) => mutation.mutate(v))}
className="flex-1 overflow-y-auto p-6 bg-slate-50/50" className="flex-1 overflow-y-auto p-6 bg-muted/30"
> >
<div className="grid grid-cols-1 lg:grid-cols-4 gap-8"> <div className="grid grid-cols-1 lg:grid-cols-4 gap-8">
<div className="lg:col-span-1 space-y-6"> <div className="lg:col-span-1 space-y-6">
@@ -169,11 +169,11 @@ export function RoleActionDialog({ currentRow, open, onOpenChange }: Props) {
name="name" name="name"
render={({ field }) => ( render={({ field }) => (
<FormItem> <FormItem>
<FormLabel className="text-[11px] font-bold text-slate-500 uppercase"> <FormLabel className="text-[11px] font-bold text-muted-foreground uppercase">
{t('roles.form.name_label')} {t('roles.form.name_label')}
</FormLabel> </FormLabel>
<FormControl> <FormControl>
<Input {...field} className="bg-white" /> <Input {...field} />
</FormControl> </FormControl>
<FormMessage /> <FormMessage />
</FormItem> </FormItem>
@@ -184,7 +184,7 @@ export function RoleActionDialog({ currentRow, open, onOpenChange }: Props) {
name="role_type" name="role_type"
render={({ field }) => ( render={({ field }) => (
<FormItem> <FormItem>
<FormLabel className="text-[11px] font-bold text-slate-500 uppercase"> <FormLabel className="text-[11px] font-bold text-muted-foreground uppercase">
{t('roles.form.type_label')} {t('roles.form.type_label')}
</FormLabel> </FormLabel>
<FormControl> <FormControl>
@@ -208,7 +208,7 @@ export function RoleActionDialog({ currentRow, open, onOpenChange }: Props) {
'flex items-center justify-between p-3 rounded-md border-2 transition-all', 'flex items-center justify-between p-3 rounded-md border-2 transition-all',
isSelected isSelected
? 'border-primary bg-primary/5 shadow-sm' ? 'border-primary bg-primary/5 shadow-sm'
: 'border-slate-200 bg-white', : 'border-border bg-card',
disabled disabled
? 'opacity-40 cursor-not-allowed' ? 'opacity-40 cursor-not-allowed'
: 'cursor-pointer hover:shadow-sm' : 'cursor-pointer hover:shadow-sm'
@@ -236,11 +236,11 @@ export function RoleActionDialog({ currentRow, open, onOpenChange }: Props) {
name="description" name="description"
render={({ field }) => ( render={({ field }) => (
<FormItem> <FormItem>
<FormLabel className="text-[11px] font-bold text-slate-500 uppercase"> <FormLabel className="text-[11px] font-bold text-muted-foreground uppercase">
{t('roles.form.desc_label')} {t('roles.form.desc_label')}
</FormLabel> </FormLabel>
<FormControl> <FormControl>
<Textarea {...field} className="bg-white min-h-[120px]" /> <Textarea {...field} className="min-h-[120px]" />
</FormControl> </FormControl>
<FormMessage /> <FormMessage />
</FormItem> </FormItem>
@@ -256,7 +256,7 @@ export function RoleActionDialog({ currentRow, open, onOpenChange }: Props) {
<FormItem> <FormItem>
<FormLabel className="mb-4 block border-b pb-2"> <FormLabel className="mb-4 block border-b pb-2">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<span className="text-[11px] font-bold text-slate-500 uppercase"> <span className="text-[11px] font-bold text-muted-foreground uppercase">
{t('roles.form.matrix_label', { type: t(`roles.types.${selectedType}`) })} {t('roles.form.matrix_label', { type: t(`roles.types.${selectedType}`) })}
</span> </span>
@@ -290,7 +290,7 @@ export function RoleActionDialog({ currentRow, open, onOpenChange }: Props) {
> >
{CATEGORY_MAP[selectedType].map((cat) => ( {CATEGORY_MAP[selectedType].map((cat) => (
<div key={cat.titleKey} className="space-y-4"> <div key={cat.titleKey} className="space-y-4">
<h3 className="text-[11px] font-black text-slate-400 uppercase tracking-widest"> <h3 className="text-[11px] font-black text-muted-foreground/70 uppercase tracking-widest">
{t(cat.titleKey)} {t(cat.titleKey)}
</h3> </h3>
@@ -307,8 +307,8 @@ export function RoleActionDialog({ currentRow, open, onOpenChange }: Props) {
className={cn( className={cn(
'flex items-start gap-3 p-3 rounded-lg border cursor-pointer transition', 'flex items-start gap-3 p-3 rounded-lg border cursor-pointer transition',
checked checked
? 'bg-white border-primary/30 shadow-sm' ? 'bg-card border-primary/30 shadow-sm'
: 'bg-slate-50/50 border-slate-100 opacity-70' : 'bg-muted/30 border-border/50 opacity-70'
)} )}
> >
<Checkbox <Checkbox
@@ -323,7 +323,7 @@ export function RoleActionDialog({ currentRow, open, onOpenChange }: Props) {
/> />
<div> <div>
<div className="text-xs font-bold">{item.label}</div> <div className="text-xs font-bold">{item.label}</div>
<code className="text-[10px] text-slate-400"> <code className="text-[10px] text-muted-foreground/70">
{item.value} {item.value}
</code> </code>
</div> </div>
@@ -344,7 +344,7 @@ export function RoleActionDialog({ currentRow, open, onOpenChange }: Props) {
</form> </form>
</Form> </Form>
<div className="p-4 border-t bg-white flex justify-end gap-3"> <div className="p-4 border-t bg-card flex justify-end gap-3">
<Button variant="outline" size="sm" onClick={() => handleOpenChange(false)}> <Button variant="outline" size="sm" onClick={() => handleOpenChange(false)}>
{t('roles.actions.cancel')} {t('roles.actions.cancel')}
</Button> </Button>