sosokker/B2D-Ventures
1
0
Fork 0
mirror of https://github.com/Sosokker/B2D-Ventures.git synced 2025-12-18 13:34: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..."
value={(table.getColumn("name")?.getFilterValue() as string) ?? ""}
onChange={(event) => table.getColumn("name")?.setFilterValue(event.target.value)}
className="max-w-sm"
className="md:max-w-sm max-w-xs"
/>
<DropdownMenu>
<DropdownMenuTrigger asChild>

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

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