sosokker/B2D-Ventures
1
0
Fork 0
mirror of https://github.com/Sosokker/B2D-Ventures.git synced 2025-12-18 21:44:06 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: improve mobile menu layout and enhance search bar styling for better usability

Browse Source
This commit is contained in:
THIS ONE IS A LITTLE BIT TRICKY KRUB 2024-11-18 15:40:48 +07:00
parent ea850bc9b9
commit 5f8e523128
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/dataTable.tsx
View File

@ -209,7 +209,7 @@ export function DataTable({ data }: { data: ModalProps[] }) {
placeholder="Filter names..." placeholder="Filter names..."
value={(table.getColumn("name")?.getFilterValue() as string) ?? ""} value={(table.getColumn("name")?.getFilterValue() as string) ?? ""}
onChange={(event) => table.getColumn("name")?.setFilterValue(event.target.value)} onChange={(event) => table.getColumn("name")?.setFilterValue(event.target.value)}
className="max-w-sm" className="md:max-w-sm max-w-xs"
/> />
<DropdownMenu> <DropdownMenu>
<DropdownMenuTrigger asChild> <DropdownMenuTrigger asChild>

11
src/components/navigationBar/mobileMenu.tsx
View File

@ -43,8 +43,8 @@ export function MobileMenu() {
<X className="w-5 h-5" /> <X className="w-5 h-5" />
</button> </button>
<NavigationMenu className="ml-6"> <NavigationMenu>
<NavigationMenuList className="flex space-x-4"> <NavigationMenuList className="flex space-x-2">
<NavigationMenuItem> <NavigationMenuItem>
<NavigationMenuTrigger className="text-sm font-medium">Businesses</NavigationMenuTrigger> <NavigationMenuTrigger className="text-sm font-medium">Businesses</NavigationMenuTrigger>
<NavigationMenuContent> <NavigationMenuContent>
@ -87,9 +87,10 @@ export function MobileMenu() {
</NavigationMenu> </NavigationMenu>
</div> </div>
<div className="flex items-center space-x-4"> <div className="flex items-center ml-2">
<div className="relative"> <SearchBar />
<SearchBar /> <div className="-ml-2">
<ThemeToggle />
</div> </div>
</div> </div>
</div> </div>