mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-03-14 04:08:32 +03:00
Code Issues Projects Releases Packages Wiki Activity

Finally fix the carousel dot color

Browse source
This commit is contained in:
Lim Chee Aun 2023-02-28 21:02:55 +08:00
parent b06f9a2a09
commit d21f6158fe
2 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/app.css
View file

@ -851,7 +851,6 @@ button.carousel-dot {
backdrop-filter: blur(12px) invert(0.25);
}
button.carousel-dot {
color: var(--text-insignificant-color) !important;
font-weight: bold;
backdrop-filter: none !important;
transition: all 0.2s;
@ -859,8 +858,11 @@ button.carousel-dot {
button.carousel-dot[disabled] {
pointer-events: none;
}
button.carousel-dot:is(:hover, :focus, .active, [disabled].active) {
color: var(--button-text-color) !important;
button.carousel-dot:not(.active) {
opacity: 0.5;
}
button.carousel-dot:not(.active):is(:hover, :focus) {
opacity: 1;
}
button.carousel-dot:is(.active, [disabled].active) {
opacity: 1;

2
src/components/media-modal.jsx
View file

@ -144,7 +144,7 @@ function MediaModal({
key={media.id}
type="button"
disabled={i === currentIndex}
class={`plain carousel-dot ${
class={`plain3 carousel-dot ${
i === currentIndex ? 'active' : ''
}`}
onClick={(e) => {