Skip to content

Commit 4c611fe

Browse files
committed
use more consistent button icons
1 parent 435809b commit 4c611fe

File tree

2 files changed

+21
-6
lines changed

2 files changed

+21
-6
lines changed

src/static/css/main.css

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2020,6 +2020,16 @@
20202020
}
20212021
}
20222022
}
2023+
.hover\:bg-gray-600\/50 {
2024+
&:hover {
2025+
@media (hover: hover) {
2026+
background-color: color-mix(in srgb, oklch(44.6% 0.03 256.802) 50%, transparent);
2027+
@supports (color: color-mix(in lab, red, red)) {
2028+
background-color: color-mix(in oklab, var(--color-gray-600) 50%, transparent);
2029+
}
2030+
}
2031+
}
2032+
}
20232033
.hover\:bg-gray-700 {
20242034
&:hover {
20252035
@media (hover: hover) {

src/templates/app/media_details.html

Lines changed: 11 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -518,9 +518,11 @@ <h2 class="text-xl font-bold mb-4">Actions</h2>
518518
stroke-linecap="round"
519519
stroke-linejoin="round"
520520
class="w-4 h-4">
521-
<path d="M12 10v6" />
522-
<path d="M9 13h6" />
523-
<path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" />
521+
<path d="M11 12H3"></path>
522+
<path d="M16 6H3"></path>
523+
<path d="M16 18H3"></path>
524+
<path d="M18 9v6"></path>
525+
<path d="M21 12h-6"></path>
524526
</svg>
525527
</button>
526528

@@ -762,9 +764,12 @@ <h2 class="text-xl font-semibold mb-1 line-clamp-1">{{ episode.title }}</h2>
762764
stroke-width="2"
763765
stroke-linecap="round"
764766
stroke-linejoin="round">
765-
<path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path>
766-
<path d="M3 3v5h5"></path>
767-
<path d="M12 7v5l4 2"></path>
767+
<path d="M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5"></path>
768+
<path d="M16 2v4"></path>
769+
<path d="M8 2v4"></path>
770+
<path d="M3 10h5"></path>
771+
<path d="M17.5 17.5 16 16.3V14"></path>
772+
<circle cx="16" cy="16" r="6"></circle>
768773
</svg>
769774
</button>
770775
<div x-show="historyOpen"

0 commit comments

Comments
 (0)