TimoUttenweiler/lead-scraper
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Hover-Effekt für Nur-neue-speichern Button

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
TimoUttenweiler
2026-04-01 11:01:33 +02:00
parent f94f7c6314
commit 1719062b47
1 changed files with 16 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/suche/page.tsx
View File

@@ -186,6 +186,20 @@ export default function SuchePage() {
.lead-row:hover .row-del { opacity: 1 !important; }
.filter-pill { transition: background 0.15s, color 0.15s; }
.filter-pill:hover { background: rgba(59,130,246,0.15) !important; }
.save-new-btn {
transition: background 0.15s, border-color 0.15s, color 0.15s, transform 0.12s, box-shadow 0.15s;
}
.save-new-btn:hover:not(:disabled) {
background: linear-gradient(135deg, rgba(59,130,246,0.22), rgba(139,92,246,0.22)) !important;
border-color: rgba(99,102,241,0.65) !important;
color: #c7d2fe !important;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(99,102,241,0.2);
}
.save-new-btn:active:not(:disabled) {
transform: translateY(0);
box-shadow: none;
}
`}</style>
{/* Header */}
@@ -293,6 +307,7 @@ export default function SuchePage() {
{/* Nur neue speichern — only shown when there are existing leads */}
{!saveOnlyNew && leads.some(l => !l.isNew) && (
<button
className="save-new-btn"
onClick={handleSaveOnlyNew}
disabled={deleting}
style={{
@@ -307,6 +322,7 @@ export default function SuchePage() {
color: "#a5b4fc",
cursor: deleting ? "not-allowed" : "pointer",
whiteSpace: "nowrap",
opacity: deleting ? 0.5 : 1,
}}
>
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">