Leopoldadmin/leocrm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: mobile-responsive mail plugin UI

Browse Source
This commit is contained in:
Agent Zero
2026-07-15 17:53:56 +02:00
parent 57b6df5357
commit de74429f4e
7 changed files with 127 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/layout/PluginToolbar.tsx
+5 -5
View File
@@ -26,9 +26,9 @@ function ToolbarSearch({ item }: { item: ToolbarItem }) {
type="text"
placeholder={item.searchPlaceholder || 'Suchen...'}
onChange={(e) => item.onSearch?.(e.target.value)}
className="w-40 px-2 py-1 text-xs border border-secondary-200 rounded
className="w-28 sm:w-40 px-2 py-1 text-xs border border-secondary-200 rounded
focus:outline-none focus:border-primary-400 focus:ring-1 focus:ring-primary-300
placeholder:text-secondary-400"
placeholder:text-secondary-400 flex-shrink-0"
/>
);
}
@@ -38,9 +38,9 @@ function ToolbarSelect({ item }: { item: ToolbarItem }) {
<select
value={item.selectValue || ''}
onChange={(e) => item.onSelect?.(e.target.value)}
className="px-2 py-1 text-xs border border-secondary-200 rounded
className="px-1.5 sm:px-2 py-1 text-xs border border-secondary-200 rounded
focus:outline-none focus:border-primary-400 focus:ring-1 focus:ring-primary-300
bg-white cursor-pointer"
bg-white cursor-pointer flex-shrink-0 max-w-[120px] sm:max-w-none"
>
{item.selectOptions?.map((opt) => (
<option key={opt.value} value={opt.value}>{opt.label}</option>
@@ -66,7 +66,7 @@ export function PluginToolbar() {
return (
<div
className="flex items-center gap-1 px-3 py-1 bg-white border-b border-secondary-200 min-h-[36px]"
className="flex items-center gap-1 px-2 sm:px-3 py-1 bg-white border-b border-secondary-200 min-h-[36px] overflow-x-auto"
data-testid="plugin-toolbar"
>
{groupNames.map((groupName, gi) => (