christianV/CrazeAnalytix
1
0
Fork 0
mirror of https://github.com/christianvidalwolf-prog/CrazeAnalytix.git synced 2026-08-03 11:55:22 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): make Sync button smaller and more subtle in header

Browse Source
This commit is contained in:
Christian Vidal Wolf
2026-03-03 11:50:07 +01:00
parent 56d07ca459
commit ad1695d360
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
App.tsx
+6 -5
View File
@@ -736,13 +736,14 @@ const App: React.FC = () => {
<button <button
onClick={() => { handleDataFetch(); handleAdsFetch(); handleTrafficFetch(); handleVendorStockFetch(); handleBuyBoxFetch(); }} onClick={() => { handleDataFetch(); handleAdsFetch(); handleTrafficFetch(); handleVendorStockFetch(); handleBuyBoxFetch(); }}
disabled={syncing} disabled={syncing}
className={`flex items-center gap-2 px-3 py-1.5 md:px-4 md:py-2 rounded-xl text-sm font-black uppercase tracking-widest transition-all title={syncing ? 'Syncing...' : 'Sync Now'}
className={`flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-xs font-semibold transition-all active:scale-95
${syncing ${syncing
? 'bg-indigo-500/20 text-indigo-400 border border-indigo-500/30' ? 'text-indigo-400/70 cursor-not-allowed'
: 'bg-slate-900 text-slate-300 border border-border hover:border-indigo-500/50 hover:text-white shadow-lg active:scale-95'}`} : 'text-slate-500 hover:text-slate-300 hover:bg-slate-800/60'}`}
> >
<RefreshIcon className={`w-4 h-4 ${syncing ? 'animate-spin' : ''}`} /> <RefreshIcon className={`w-3.5 h-3.5 ${syncing ? 'animate-spin' : ''}`} />
<span className="hidden sm:inline">{syncing ? 'Syncing...' : 'Sync Now'}</span> <span className="hidden sm:inline">{syncing ? 'Syncing...' : 'Sync'}</span>
</button> </button>
{/* View Switcher - Hidden on mobile (shown in bottom nav instead) */} {/* View Switcher - Hidden on mobile (shown in bottom nav instead) */}
<div className="hidden md:flex bg-slate-900 rounded-lg p-1 border border-border"> <div className="hidden md:flex bg-slate-900 rounded-lg p-1 border border-border">