daball/dashersupply
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improved visibility of buttons on image carousel component.

Browse Source
This commit is contained in:
David Ball 2024-07-14 22:34:44 -04:00
parent 6184c710ab
commit 59d101676e
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ImageCarousel.astro
View File

@ -116,7 +116,6 @@ image-carousel {
height: 100%;
color: white;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
text-decoration: none;
user-select: none;
@ -149,6 +148,7 @@ image-carousel {
display: flex;
align-items: center;
justify-content: center;
font-size: 2rem;
}
/* .carousel-btn-prev > a span, .carousel-btn-next > a span {
position: relative;
@ -172,8 +172,7 @@ image-carousel {
align-items: center;
justify-content: center;
}
.carousel-btn-prev span, .carousel-btn-next span {
font-size: 1.2rem;
.carousel-btn-prev > a span, .carousel-btn-next > a span {
position: relative;
top: 50%;
}
@ -187,6 +186,7 @@ image-carousel {
/* background-color: #23262d; */
filter: unset;
mix-blend-mode: unset;
font-size: 4rem;
}
.carousel-btn-prev:is(:hover, :focus-within), .carousel-btn-next:is(:hover, :focus-within) {
background-color: #23262d;