style(ui): change default button size from sm to md and remove explicit size="sm" props

This commit is contained in:
2026-04-22 19:45:56 -04:00
parent 482578af84
commit 18f1fcdbd0
6 changed files with 11 additions and 19 deletions
+1 -1
View File
@@ -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>
)}
+1 -3
View File
@@ -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}
>
+9 -9
View File
@@ -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 = () => (
-3
View File
@@ -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"
-2
View File
@@ -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}
>