calvin.erfmann/pangolin
1
0
Fork 0
mirror of https://github.com/fosrl/pangolin.git synced 2026-07-10 16:02:08 +02:00
Code Issues Packages Projects Releases Wiki Activity

add mobile overflow menu

Browse Source
This commit is contained in:
miloschwartz
2026-07-01 10:11:17 -04:00
parent 561f75b6b1
commit 3c37e10638
3 changed files with 149 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/resource-launcher/ResourceLauncher.tsx
+30 -30
View File
@@ -371,8 +371,36 @@ export default function ResourceLauncher({
/>
<div className="flex flex-col gap-3 mb-6">
<div className="flex flex-col gap-3 xl:flex-row xl:items-center xl:justify-between">
<div className="flex items-center gap-2 shrink-0 justify-start xl:justify-end order-1 xl:order-2">
<div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
<div className="flex flex-col sm:flex-row sm:items-center gap-3 min-w-0 flex-1 order-2 sm:order-none">
<div className="relative w-full sm:max-w-sm shrink-0">
<Search className="absolute left-2.5 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" />
<Input
value={searchInput}
onChange={(event) => {
const value = event.target.value;
setSearchInput(value);
debouncedNavigateSearch(
activeViewIdRef.current,
value
);
}}
placeholder={t(
"resourceLauncherSearchPlaceholder"
)}
className="pl-8"
/>
</div>
<LauncherViewTabs
activeViewId={activeViewId}
savedViews={views.map((view) => ({
viewId: view.viewId,
name: view.name
}))}
onSelectView={selectView}
/>
</div>
<div className="flex items-center gap-2 shrink-0 justify-start sm:justify-end order-1 sm:order-none">
<LauncherSaveViewMenu
isDefaultView={isDefaultView}
isAdmin={isAdmin}
@@ -420,34 +448,6 @@ export default function ResourceLauncher({
}}
/>
</div>
<div className="flex flex-col sm:flex-row sm:items-center gap-3 min-w-0 flex-1 order-2 xl:order-1">
<div className="relative w-full sm:max-w-sm shrink-0">
<Search className="absolute left-2.5 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" />
<Input
value={searchInput}
onChange={(event) => {
const value = event.target.value;
setSearchInput(value);
debouncedNavigateSearch(
activeViewIdRef.current,
value
);
}}
placeholder={t(
"resourceLauncherSearchPlaceholder"
)}
className="pl-8"
/>
</div>
<LauncherViewTabs
activeViewId={activeViewId}
savedViews={views.map((view) => ({
viewId: view.viewId,
name: view.name
}))}
onSelectView={selectView}
/>
</div>
</div>
</div>