chore: update UI

This commit is contained in:
Faisal Amir 2025-09-08 21:20:21 +07:00
parent be851ebcf1
commit f2594134c7

View File

@ -13,7 +13,6 @@ import { useServiceHub } from '@/hooks/useServiceHub'
import { useState } from 'react' import { useState } from 'react'
import { toast } from 'sonner' import { toast } from 'sonner'
import { import {
IconFileImport,
IconLoader2, IconLoader2,
IconEye, IconEye,
IconCheck, IconCheck,
@ -430,10 +429,10 @@ export const ImportVisionModelDialog = ({
className="text-destructive mt-0.5 flex-shrink-0" className="text-destructive mt-0.5 flex-shrink-0"
/> />
<div> <div>
<p className="text-sm font-medium text-destructive-fg"> <p className="text-sm font-medium text-destructive">
Model Validation Error Model Validation Error
</p> </p>
<p className="text-sm text-destructive-fg/70 mt-1"> <p className="text-sm text-destructive/90 mt-1">
{validationError} {validationError}
</p> </p>
</div> </div>
@ -459,10 +458,10 @@ export const ImportVisionModelDialog = ({
) : ( ) : (
<Button <Button
type="button" type="button"
variant="default" variant="link"
onClick={() => handleFileSelect('model')} onClick={() => handleFileSelect('model')}
disabled={importing} disabled={importing}
className="w-full h-12 border border-dashed border-main-view-fg/10 bg-main-view" className="w-full h-12 border border-dashed border-main-view-fg/10 bg-main-view text-main-view-fg/50 hover:text-main-view-fg"
> >
Select GGUF File Select GGUF File
</Button> </Button>
@ -522,10 +521,10 @@ export const ImportVisionModelDialog = ({
className="text-destructive mt-0.5 flex-shrink-0" className="text-destructive mt-0.5 flex-shrink-0"
/> />
<div> <div>
<p className="text-sm font-medium text-destructive-fg"> <p className="text-sm font-medium text-destructive">
MMProj Validation Error MMProj Validation Error
</p> </p>
<p className="text-sm text-destructive-fg/70 mt-1"> <p className="text-sm text-destructive/90 mt-1">
{mmprojValidationError} {mmprojValidationError}
</p> </p>
</div> </div>
@ -551,12 +550,11 @@ export const ImportVisionModelDialog = ({
) : ( ) : (
<Button <Button
type="button" type="button"
variant="default" variant="link"
onClick={() => handleFileSelect('mmproj')} onClick={() => handleFileSelect('mmproj')}
disabled={importing} disabled={importing}
className="w-full h-12 border border-dashed border-main-view-fg/10 bg-main-view" className="w-full h-12 border border-dashed border-main-view-fg/10 bg-main-view text-main-view-fg/50 hover:text-main-view-fg"
> >
<IconFileImport size={18} className="mr-2" />
Select MMPROJ File Select MMPROJ File
</Button> </Button>
)} )}