Fondemi/sistema_base
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cambios en los estilos

Browse Source
This commit is contained in:
Sergio Ramirez
2025-06-20 12:06:40 -04:00
parent 4f96212cd0
commit 4ef71d5900
16 changed files with 42 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
apps/web/components/breadcrumbs.tsx
View File

@@ -26,7 +26,8 @@ export function Breadcrumbs() {
)}
{index < items.length - 1 && (
<BreadcrumbSeparator className="hidden md:block">
<Slash />
{/* <Slash /> */}
<span>&gt;</span>
</BreadcrumbSeparator>
)}
{index === items.length - 1 && (

6
apps/web/components/layout/ThemeToggle/theme-toggle.tsx
View File

@@ -23,13 +23,13 @@ export default function ThemeToggle() {
</DropdownMenuTrigger>
<DropdownMenuContent align="end">
<DropdownMenuItem onClick={() => setTheme('light')}>
Light
Claro
</DropdownMenuItem>
<DropdownMenuItem onClick={() => setTheme('dark')}>
Dark
Oscuro
</DropdownMenuItem>
<DropdownMenuItem onClick={() => setTheme('system')}>
System
Sistema
</DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>

9
apps/web/components/layout/app-sidebar.tsx
View File

@@ -15,7 +15,7 @@ import { useSession } from 'next-auth/react';
export const company = {
name: 'Sistema',
name: 'Sistema para Productores',
logo: GalleryVerticalEnd,
plan: 'FONDEMI',
};
@@ -31,12 +31,13 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
<Sidebar collapsible="icon" {...props}>
<SidebarHeader>
<div className="flex gap-2 py-2 text-sidebar-accent-foreground">
<div className="flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground">
<company.logo className="size-4" />
<div className="flex aspect-square size-8 items-center justify-center rounded-lg text-sidebar-primary-foreground">
{/* <company.logo className="size-4" /> */}
<img src="/logo.png" alt="" />
</div>
<div className="grid flex-1 text-left text-sm leading-tight">
<span className="truncate font-semibold">{company.name}</span>
<span className="truncate text-xs">{company.plan}</span>
<span className="truncate font-semibold text-xs">{company.plan}</span>
</div>
</div>
</SidebarHeader>

4
apps/web/feactures/auth/components/sigin-view.tsx
View File

@@ -12,7 +12,7 @@ export function LoginForm({
}: React.ComponentPropsWithoutRef<'div'>) {
return (
<div className={cn("flex flex-col gap-6", className)} {...props}>
<div className={cn("", className)} {...props}>
<Card className="overflow-hidden">
<CardContent className="grid p-0 md:grid-cols-2">
<UserAuthForm />
@@ -20,7 +20,7 @@ export function LoginForm({
<img
src="logo.png"
alt="Image"
className="absolute inset-0 p-10 h-full w-full object-cover "
className="absolute inset-0 p-10 h-full w-full"
/>
</div>
</CardContent>

10
apps/web/feactures/auth/components/signup-view.tsx
View File

@@ -13,17 +13,17 @@ export function LoginForm({
}: React.ComponentPropsWithoutRef<'div'>) {
return (
<div className={cn("flex flex-col gap-6", className)} {...props}>
<div className={cn("", className)} {...props}>
<Card className="overflow-hidden">
<CardContent className="grid p-0">
<CardContent className="flex p-0">
<UserAuthForm />
{/* <div className="relative hidden bg-muted md:block">
<div className="hidden bg-muted md:block m-auto">
<img
src="logo.png"
alt="Image"
className="absolute inset-0 p-10 h-full w-full object-cover "
className="inset-0 p-5"
/>
</div> */}
</div>
</CardContent>
</Card>
</div>

2
apps/web/feactures/auth/components/user-auth-form.tsx
View File

@@ -72,7 +72,7 @@ export default function UserAuthForm() {
<form className="p-6 md:p-8" onSubmit={form.handleSubmit(onSubmit)}>
<div className="flex flex-col gap-6">
<div className="flex flex-col items-center text-center">
<h1 className="text-2xl font-bold">Sistema Integral Fondemi</h1>
<h1 className="text-2xl font-bold">Sistema para productores</h1>
<p className="text-balance text-muted-foreground">
Ingresa tus datos
</p>

4
apps/web/feactures/auth/components/user-register-form.tsx
View File

@@ -89,10 +89,10 @@ export default function UserAuthForm() {
<>
<Form {...form}>
<form className="p-6 md:p-8" onSubmit={form.handleSubmit(onSubmit)}>
<form className="flex-none p-6 md:p-8" onSubmit={form.handleSubmit(onSubmit)}>
<div className="flex flex-col gap-6">
<div className="items-center text-center">
<h1 className="text-2xl font-bold">Sistema Integral Fondemi</h1>
<h1 className="text-2xl font-bold">Sistema para productores</h1>
<p className="text-balance text-muted-foreground">
Ingresa tus datos
</p>

2
apps/web/feactures/users/components/admin/user-modal.tsx
View File

@@ -39,7 +39,7 @@ export function AccountPlanModal({
}
}}
>
<DialogContent className="sm:max-w-[600px] z-50 backdrop-blur-lg bg-background/80">
<DialogContent className="sm:max-w-[600px] z-50 backdrop-blur-lg ">
<DialogHeader>
<DialogTitle>
{defaultValues?.id

4
apps/web/feactures/users/components/modal-profile.tsx
View File

@@ -8,7 +8,7 @@ import {
DialogTitle,
} from '@repo/shadcn/dialog';
import { AccountPlan } from '@/feactures/users/schemas/account-plan.schema';
import { ModalForm } from './update-user-form';
import { ModalForm } from './update-profile-form';
interface AccountPlanModalProps {
open: boolean;
@@ -38,7 +38,7 @@ export function AccountPlanModal({
}
}}
>
<DialogContent className="sm:max-w-[600px] z-50 backdrop-blur-lg bg-background/80">
<DialogContent className="sm:max-w-[600px] z-50 backdrop-blur-lg">
<DialogHeader>
<DialogTitle>Actualizar Perfil</DialogTitle>
<DialogDescription>

8
apps/web/feactures/users/components/update-user-form.tsx → apps/web/feactures/users/components/update-profile-form.tsx
View File

@@ -73,14 +73,14 @@ export function ModalForm({
phone: defaultValues?.phone || '',
role: undefined,
isActive: defaultValues?.isActive,
state: defaultValues?.state,
municipality: defaultValues?.municipality,
parish: defaultValues?.parish
state: undefined,
municipality: undefined,
parish: undefined
}
// console.log(defaultValues);
console.log(defaultValues);
const form = useForm<UpdateUser>({
resolver: zodResolver(updateUser),

18
apps/web/feactures/users/components/user-profile.tsx
View File

@@ -21,13 +21,13 @@ export function Profile() {
<AccountPlanModal open={open} onOpenChange={setOpen} defaultValues={data?.data}/>
<h2 className='mt-3 mb-1'>Datos del usuario</h2>
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
<section className='border bg-muted p-2 rounded-md'>
<div className="grid grid-cols-1 md:grid-cols-2 gap-6 ">
<section className='border bg-neutral-200 dark:bg-neutral-800 p-2 rounded-md'>
<p className='font-bold text-lg'>Usuario:</p>
<p>{data?.data.username || 'Sin Nombre de Usuario'}</p>
</section>
<section className='border bg-muted p-2 rounded-md'>
<section className='border bg-neutral-200 dark:bg-neutral-800 p-2 rounded-md'>
<p className='font-bold text-lg'>Rol:</p>
<p>{data?.data.role || 'Sin Rol'}</p>
</section>
@@ -35,17 +35,17 @@ export function Profile() {
<h2 className='mt-3 mb-1'>Información personal</h2>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<section className='border bg-muted p-2 rounded-md'>
<section className='border bg-neutral-200 dark:bg-neutral-800 p-2 rounded-md'>
<p className='font-bold text-lg'>Nombre completo:</p>
<p>{data?.data.fullname || 'Sin nombre y apellido'}</p>
</section>
<section className='border bg-muted p-2 rounded-md'>
<section className='border bg-neutral-200 dark:bg-neutral-800 p-2 rounded-md'>
<p className='font-bold text-lg'>Correo:</p>
<p>{data?.data.email || 'Sin correo'}</p>
</section>
<section className='border bg-muted p-2 rounded-md'>
<section className='border bg-neutral-200 dark:bg-neutral-800 p-2 rounded-md'>
<p className='font-bold text-lg'>Teléfono:</p>
<p>{data?.data.phone || 'Sin teléfono'}</p>
</section>
@@ -53,17 +53,17 @@ export function Profile() {
<h2 className='mt-3 mb-1'>Información de ubicación</h2>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<section className='border bg-muted p-2 rounded-md'>
<section className='border bg-neutral-200 dark:bg-neutral-800 p-2 rounded-md'>
<p className='font-bold text-lg'>Estado:</p>
<p>{data?.data.state || 'Sin Estado'}</p>
</section>
<section className='border bg-muted p-2 rounded-md'>
<section className='border bg-neutral-200 dark:bg-neutral-800 p-2 rounded-md'>
<p className='font-bold text-lg'>Municipio:</p>
<p>{data?.data.municipality || 'Sin Municipio'}</p>
</section>
<section className='border bg-muted p-2 rounded-md'>
<section className='border bg-neutral-200 dark:bg-neutral-800 p-2 rounded-md'>
<p className='font-bold text-lg'>Parroquia:</p>
<p>{data?.data.parish || 'Sin Parroquia'}</p>
</section>