Alexander/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: Alexander:7f4a8eec8b1f6dd5de2b45bed20f3d148036400c
Branches Tags
Alexander:master Alexander:better-auth-flow Alexander:svelte5 Alexander:feature-cospend
..
compare: Alexander:45b0f5f2a69f6947ac2f65726b4589b70af7e31f
Branches Tags
Alexander:master Alexander:better-auth-flow Alexander:svelte5 Alexander:feature-cospend

2 Commits
7f4a8eec8b ... 45b0f5f2a6

Author SHA1 Message Date
Alexander Bocken
45b0f5f2a6 rosary: less colourful mystery selector
All checks were successful
CI / update (push) Successful in 1m28s
Details
2026-01-30 15:47:58 +01:00
Alexander Bocken
92963f4451 rosary: StreakCounter singular Tag for length==1 2026-01-30 15:41:20 +01:00
2 changed files with 9 additions and 11 deletions
Expand all files Collapse all files

2
src/lib/components/StreakCounter.svelte
View File

@@ -21,7 +21,7 @@ $effect(() => {
<div class="streak-container">
<div class="streak-display">
<span class="streak-number">{streak?.length ?? 0}</span>
<span class="streak-label">Tage</span>
<span class="streak-label">Tag{#if streak?.length !== 1}e{/if}</span>
</div>
<button
class="streak-button"

18
src/routes/glaube/rosenkranz/+page.svelte
View File

@@ -983,14 +983,8 @@ h1 {
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}
.mystery-button:nth-child(1):hover,
.mystery-button:nth-child(1).selected { background: var(--nord15); }
.mystery-button:nth-child(2):hover,
.mystery-button:nth-child(2).selected { background: var(--nord13); }
.mystery-button:nth-child(3):hover,
.mystery-button:nth-child(3).selected { background: var(--nord14); }
.mystery-button:nth-child(4):hover,
.mystery-button:nth-child(4).selected { background: var(--nord12); }
.mystery-button:hover,
.mystery-button.selected { background: var(--nord4); }
.mystery-button svg {
width: 80px;
@@ -1005,7 +999,9 @@ h1 {
}
}
.mystery-button.selected svg {
.mystery-button.selected svg,
.mystery-button:hover svg
{
fill: var(--nord10);
}
@@ -1021,7 +1017,9 @@ h1 {
}
}
.mystery-button.selected h3 {
.mystery-button.selected h3,
.mystery-button:hover h3
{
color: var(--nord10);
font-weight: 700;
}