increase the table toolbar size for mobile

gokulkrishh · Oct 7, 2023 · a7c570f · a7c570f · vercel · Oct 7, 2023
1 parent c00f901
commit a7c570f
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/components/feedback.tsx b/components/feedback.tsx
@@ -49,7 +49,7 @@ export default function Feedback({ className, showDatePicker }: { className?: st
 	return (
 		<Popover>
 			<PopoverTrigger>
-				<Button className={`${className}`} asChild size={'sm'}>
+				<Button className={`${className} max-sm:h-9 max-sm:text-sm`} asChild size={'sm'}>
 					<span>
 						<MessageSquarePlus className="mr-[6px] mt-[2px] h-4 w-4" />
 						Feedback

diff --git a/components/table/data-table-filter-options.tsx b/components/table/data-table-filter-options.tsx
@@ -18,7 +18,7 @@ export default function DataTableFilterOptions<TData>({
 	return (
 		<DropdownMenu>
 			<DropdownMenuTrigger asChild>
-				<Button variant="outline" size="sm" className="h-8 text-sm capitalize max-sm:px-1 lg:flex">
+				<Button variant="outline" size="sm" className="h-8 max-sm:h-10 text-sm capitalize max-sm:px-1 lg:flex">
 					<Filter className="mr-1.5 h-3 w-3 sm:inline-block" />
 					{views[filter].name}
 				</Button>

diff --git a/components/table/data-table-toolbar.tsx b/components/table/data-table-toolbar.tsx
@@ -81,7 +81,7 @@ export default function DataTableToolbar<TData>(props: DataTableToolbarProps<TDa
 							);
 						}}
 						size="sm"
-						className="h-8 text-sm capitalize max-sm:px-1 lg:flex"
+						className="h-8 max-sm:h-10 text-sm capitalize max-sm:px-1 lg:flex"
 					>
 						<Download className="mr-1.5 h-3.5 w-3.5 sm:inline-block" />
 						Export

diff --git a/components/table/data-table-view-options.tsx b/components/table/data-table-view-options.tsx
@@ -15,7 +15,7 @@ export default function DataTableViewOptions<TData>({ table }: DataTableViewOpti
 	return (
 		<DropdownMenu>
 			<DropdownMenuTrigger asChild>
-				<Button variant="outline" size="sm" className="h-8 text-sm capitalize max-sm:px-1 lg:flex">
+				<Button variant="outline" size="sm" className="h-8 max-sm:h-10 text-sm capitalize max-sm:px-1 lg:flex">
 					<MixerHorizontalIcon className="mr-1.5 h-4 w-4 sm:inline-block" />
 					Columns
 				</Button>