dne/graffen-foodtruck
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: Striche/Ornamente am Hero-Scroll-Indikator entfernen

Browse source 
Die nach außen ragenden Ornamente (N/O/S/W-Verzierungen, Diagonal-Accents)
und das overflow-visible am SVG haben durch die Float-Animation blinkende
Striche erzeugt. Nur die zwei Kreise und die dezenten Punkte bleiben.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Daniel Michelberger 2026-05-19 17:13:39 +02:00
parent 3be554537c
commit 6acbc16716
1 changed files with 1 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/lib/components/Hero.svelte
View file

@ -80,7 +80,7 @@
aria-label="Nach unten scrollen" aria-label="Nach unten scrollen"
> >
<svg <svg
class="pointer-events-none absolute inset-0 h-full w-full overflow-visible" class="pointer-events-none absolute inset-0 h-full w-full"
viewBox="0 0 80 80" viewBox="0 0 80 80"
fill="none" fill="none"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
@ -90,32 +90,6 @@
<!-- Outer circle --> <!-- Outer circle -->
<circle cx="40" cy="40" r="38" stroke="var(--color-gold)" stroke-width="1" stroke-opacity="0.5" /> <circle cx="40" cy="40" r="38" stroke="var(--color-gold)" stroke-width="1" stroke-opacity="0.5" />
<!-- Top ornament: fleur -->
<path d="M40 2 L40 -3" stroke="var(--color-gold)" stroke-width="1" stroke-opacity="0.6" />
<path d="M36 1 C38 -4, 42 -4, 44 1" stroke="var(--color-gold)" stroke-width="0.8" stroke-opacity="0.5" fill="none" />
<circle cx="40" cy="-4" r="1.5" fill="var(--color-gold)" fill-opacity="0.5" />
<!-- Bottom ornament: fleur -->
<path d="M40 78 L40 83" stroke="var(--color-gold)" stroke-width="1" stroke-opacity="0.6" />
<path d="M36 79 C38 84, 42 84, 44 79" stroke="var(--color-gold)" stroke-width="0.8" stroke-opacity="0.5" fill="none" />
<circle cx="40" cy="84" r="1.5" fill="var(--color-gold)" fill-opacity="0.5" />
<!-- Left ornament -->
<path d="M2 40 L-3 40" stroke="var(--color-gold)" stroke-width="1" stroke-opacity="0.6" />
<path d="M1 36 C-4 38, -4 42, 1 44" stroke="var(--color-gold)" stroke-width="0.8" stroke-opacity="0.5" fill="none" />
<circle cx="-4" cy="40" r="1.5" fill="var(--color-gold)" fill-opacity="0.5" />
<!-- Right ornament -->
<path d="M78 40 L83 40" stroke="var(--color-gold)" stroke-width="1" stroke-opacity="0.6" />
<path d="M79 36 C84 38, 84 42, 79 44" stroke="var(--color-gold)" stroke-width="0.8" stroke-opacity="0.5" fill="none" />
<circle cx="84" cy="40" r="1.5" fill="var(--color-gold)" fill-opacity="0.5" />
<!-- Diagonal accents -->
<path d="M12 12 C14 9, 9 14, 12 12" stroke="var(--color-gold)" stroke-width="0.8" stroke-opacity="0.3" fill="none" />
<path d="M68 12 C66 9, 71 14, 68 12" stroke="var(--color-gold)" stroke-width="0.8" stroke-opacity="0.3" fill="none" />
<path d="M12 68 C14 71, 9 66, 12 68" stroke="var(--color-gold)" stroke-width="0.8" stroke-opacity="0.3" fill="none" />
<path d="M68 68 C66 71, 71 66, 68 68" stroke="var(--color-gold)" stroke-width="0.8" stroke-opacity="0.3" fill="none" />
<!-- Tiny dots between inner and outer ring --> <!-- Tiny dots between inner and outer ring -->
<circle cx="40" cy="8" r="0.8" fill="var(--color-gold)" fill-opacity="0.3" /> <circle cx="40" cy="8" r="0.8" fill="var(--color-gold)" fill-opacity="0.3" />
<circle cx="40" cy="72" r="0.8" fill="var(--color-gold)" fill-opacity="0.3" /> <circle cx="40" cy="72" r="0.8" fill="var(--color-gold)" fill-opacity="0.3" />