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

Replace bull with round icon

Browse source
This commit is contained in:
Lim Chee Aun 2023-08-10 23:52:29 +08:00
parent 339b66f42f
commit 5b8744ac55
3 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/app.css
View file

@ -1111,22 +1111,27 @@ button.carousel-dot {
backdrop-filter: blur(12px) invert(0.25);
}
button.carousel-dot {
font-weight: bold;
backdrop-filter: none !important;
transition: all 0.2s;
}
button.carousel-dot[disabled] {
pointer-events: none;
}
button.carousel-dot:not(.active) {
button.carousel-dot .icon {
transition: all 0.2s;
transform: scale(0.5);
}
button.carousel-dot:not(.active) .icon {
opacity: 0.5;
}
button.carousel-dot:not(.active):is(:hover, :focus) {
button.carousel-dot:not(.active):is(:hover, :focus) .icon {
opacity: 1;
}
button.carousel-dot:is(.active, [disabled].active) {
opacity: 1;
transform: scale(2.2) translateY(-0.5px);
}
button.carousel-dot:is(.active, [disabled].active) .icon {
opacity: 1;
transform: scale(1);
}
@media (hover: hover) {
.carousel-top-controls {

1
src/components/icon.jsx
View file

@ -88,6 +88,7 @@ const ICONS = {
layout5: () => import('@iconify-icons/mingcute/layout-5-line'),
announce: () => import('@iconify-icons/mingcute/announcement-line'),
alert: () => import('@iconify-icons/mingcute/alert-line'),
round: () => import('@iconify-icons/mingcute/round-fill'),
};
function Icon({

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

@ -180,7 +180,7 @@ function MediaModal({
carouselRef.current.focus();
}}
>
•
<Icon icon="round" size="s" />
</button>
))}
</span>