improvement: add gap to toggle buttons

This commit is contained in:
Scott Wilson
2025-08-28 10:20:28 -07:00
parent 34c6d254a0
commit 7bc6697801
3 changed files with 3 additions and 3 deletions

View File

@@ -250,7 +250,7 @@ export const AllProjectView = ({
))}
</DropdownMenuContent>
</DropdownMenu>
<div className="ml-2 flex rounded-md border border-mineshaft-600 bg-mineshaft-800 p-1">
<div className="ml-2 flex gap-x-0.5 rounded-md border border-mineshaft-600 bg-mineshaft-800 p-1">
<Tooltip content="Disabled across All Project view.">
<div className="flex cursor-not-allowed items-center justify-center">
<IconButton

View File

@@ -449,7 +449,7 @@ export const MyProjectView = ({
))}
</DropdownMenuContent>
</DropdownMenu>
<div className="ml-2 flex rounded-md border border-mineshaft-600 bg-mineshaft-800 p-1">
<div className="ml-2 flex gap-x-0.5 rounded-md border border-mineshaft-600 bg-mineshaft-800 p-1">
<IconButton
variant="outline_bg"
onClick={() => {

View File

@@ -12,7 +12,7 @@ type Props = {
export const ProjectListToggle = ({ value, onChange }: Props) => {
return (
<div className="flex rounded-md border border-mineshaft-600 bg-mineshaft-800 p-1">
<div className="flex gap-x-0.5 rounded-md border border-mineshaft-600 bg-mineshaft-800 p-1">
<Button
variant="outline_bg"
onClick={() => {