style(ui): change default button size from sm to md and remove explicit size="sm" props
This commit is contained in:
@@ -18,7 +18,7 @@ const AdminHeader = ({ title, description, backHref, backLabel = '← Retour', a
|
||||
</div>
|
||||
<div className='flex gap-2'>
|
||||
{backHref && (
|
||||
<Button variant="secondary" size="sm" onClick={() => router.push(backHref)}>
|
||||
<Button variant="secondary" onClick={() => router.push(backHref)}>
|
||||
{backLabel}
|
||||
</Button>
|
||||
)}
|
||||
|
||||
@@ -83,7 +83,6 @@ const RolesPageClient = () => {
|
||||
<div className="flex items-center justify-end gap-2">
|
||||
<Button
|
||||
variant="secondary"
|
||||
size="sm"
|
||||
onClick={() => openEdit(role.id)}
|
||||
icon={PencilEdit01Icon}
|
||||
>
|
||||
@@ -92,7 +91,6 @@ const RolesPageClient = () => {
|
||||
{!role.is_system && (
|
||||
<Button
|
||||
variant="danger"
|
||||
size="sm"
|
||||
onClick={() => handleDelete(role)}
|
||||
icon={Cancel01Icon}
|
||||
>
|
||||
@@ -179,7 +177,7 @@ const RolesPageHeader = () => {
|
||||
title="Rôles"
|
||||
description="Gérez les rôles et leurs permissions"
|
||||
action={
|
||||
<Button variant="primary" size="sm" onClick={() => setModalOpen(true)}>
|
||||
<Button variant="primary" onClick={() => setModalOpen(true)}>
|
||||
Nouveau rôle
|
||||
</Button>
|
||||
}
|
||||
|
||||
@@ -78,7 +78,6 @@ const UsersPageClient = () => {
|
||||
render: (user) => (
|
||||
<Button
|
||||
variant="secondary"
|
||||
size="sm"
|
||||
onClick={() => setEditingUserId(user.id)}
|
||||
icon={PencilEdit01Icon}
|
||||
>
|
||||
|
||||
@@ -7,7 +7,7 @@ const Button = ({
|
||||
onClick,
|
||||
type = 'button',
|
||||
variant = 'primary',
|
||||
size = 'sm',
|
||||
size = 'md',
|
||||
disabled = false,
|
||||
loading = false,
|
||||
icon,
|
||||
@@ -27,23 +27,23 @@ const Button = ({
|
||||
};
|
||||
|
||||
const sizes = {
|
||||
sm: 'px-[12px] py-[6px] text-[12px] gap-1.5',
|
||||
md: 'px-[14px] py-[7px] text-[13px] gap-2',
|
||||
lg: 'px-6 py-3 text-base gap-2.5'
|
||||
sm: '',
|
||||
md: 'px-[12px] py-[7px] text-[12px] gap-1.5',
|
||||
lg: ''
|
||||
};
|
||||
|
||||
const iconOnlySizes = {
|
||||
sm: 'p-[6px] text-[12px]',
|
||||
md: 'p-[7px] text-[13px]',
|
||||
lg: 'p-3 text-base'
|
||||
sm: '',
|
||||
md: 'p-[7px] text-[12px]',
|
||||
lg: ''
|
||||
};
|
||||
|
||||
const isIconOnly = icon && !children;
|
||||
|
||||
const iconSizes = {
|
||||
sm: 'w-3.5 h-3.5',
|
||||
sm: '',
|
||||
md: 'w-4 h-4',
|
||||
lg: 'w-5 h-5'
|
||||
lg: ''
|
||||
};
|
||||
|
||||
const LoadingSpinner = () => (
|
||||
|
||||
@@ -40,7 +40,6 @@ const Modal = ({
|
||||
<div className="flex items-center justify-end gap-2">
|
||||
<Button
|
||||
variant="ghost"
|
||||
size="sm"
|
||||
onClick={onClose}
|
||||
disabled={loading}
|
||||
>
|
||||
@@ -50,7 +49,6 @@ const Modal = ({
|
||||
type="submit"
|
||||
form={FORM_ID}
|
||||
variant={submitVariant}
|
||||
size="sm"
|
||||
loading={loading}
|
||||
disabled={disabled || loading}
|
||||
>
|
||||
@@ -90,7 +88,6 @@ const Modal = ({
|
||||
{closable && (
|
||||
<Button
|
||||
variant="ghost"
|
||||
size="sm"
|
||||
onClick={onClose}
|
||||
icon={Cancel01Icon}
|
||||
className="!p-1 -mr-1"
|
||||
|
||||
@@ -215,7 +215,6 @@ const Table = ({
|
||||
{totalPages > 1 && (
|
||||
<Button
|
||||
variant="ghost"
|
||||
size="sm"
|
||||
onClick={() => onPageChange(currentPage - 1)}
|
||||
disabled={currentPage === 1}
|
||||
>
|
||||
@@ -240,7 +239,6 @@ const Table = ({
|
||||
{totalPages > 1 && (
|
||||
<Button
|
||||
variant="ghost"
|
||||
size="sm"
|
||||
onClick={() => onPageChange(currentPage + 1)}
|
||||
disabled={currentPage === totalPages}
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user