style: clean header and refine Group By filter dropdown in Grid tab

This commit is contained in:
Christian Vidal Wolf
2026-01-26 16:06:39 +01:00
parent e213ef0d16
commit 83470042b4
2 changed files with 48 additions and 52 deletions
+1 -26
View File
@@ -463,32 +463,7 @@ const App: React.FC = () => {
</div>
<div className="flex items-center gap-4">
{/* Main Action: Data Source Button */}
<button
onClick={() => setIsDataModalOpen(true)}
className={`flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-bold shadow-lg transition-all border
${activeUrl
? 'bg-slate-800 text-emerald-400 border-emerald-500/50 hover:bg-slate-700'
: 'bg-indigo-600 text-white border-transparent hover:bg-indigo-500'}`}
>
{syncing ? <div className="w-4 h-4 border-2 border-current border-t-transparent rounded-full animate-spin"></div> : <UploadIcon />}
<span className="hidden md:inline">{activeUrl ? 'Data Settings' : 'Connect Data'}</span>
</button>
{/* NEW REFRESH BUTTON */}
<button
onClick={() => {
handleDataFetch();
handleAdsFetch();
}}
disabled={syncing}
title="Refresh Data"
className="p-3 rounded-lg bg-slate-800 border border-border text-slate-400 hover:text-white hover:bg-slate-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
>
<RefreshIcon className={`w-5 h-5 ${syncing ? 'animate-spin' : ''}`} />
</button>
{/* View Switcher is the priority now */}
{/* View Switcher */}
<div className="flex bg-slate-900 rounded-lg p-1 border border-border">
<button