chore: update add button styling

2026-05-20 13:32:00 +00:00 · 2025-11-01 15:36:21 +07:00
parent b2540f1d43
commit 46572fd992
1 changed files with 7 additions and 2 deletions
@@ -18,8 +18,13 @@ export const TableToolbar = ({ addButton, search }: TableToolbarProps) => {
  return (
    <div className='w-full flex flex-col sm:flex-row justify-between items-end sm:items-center gap-2'>
      {addButton && (
-        <div className='flex flex-row'>
-          <Button href={addButton.href} color='primary'>
+        <div className='w-full flex flex-row'>
+          <Button
+            href={addButton.href}
+            variant='outline'
+            color='primary'
+            className='w-full sm:w-fit'
+          >
            <Icon icon='ic:round-plus' width={24} height={24} />
            {addButton.label}
          </Button>