This commit is contained in:
Prospector
2023-10-12 08:40:05 -07:00
parent 3d2e2e2278
commit 4ecba93a25
2 changed files with 8 additions and 5 deletions

View File

@@ -334,7 +334,8 @@ a,
box-sizing: border-box;
background-color: transparent;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out , color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out,
color 0.2s ease-in-out;
box-shadow: none;
}
@@ -350,7 +351,8 @@ a,
&:hover:not(&:disabled) {
background-color: var(--color-button-bg);
&.btn-hover-filled, &.btn-hover-filled-only {
&.btn-hover-filled,
&.btn-hover-filled-only {
color: var(--_text-color);
background-color: var(--_background-color);
}
@@ -370,7 +372,8 @@ a,
&:focus-visible:not(&:disabled),
&:hover:not(&:disabled) {
&.btn-hover-filled, &.btn-hover-filled-only {
&.btn-hover-filled,
&.btn-hover-filled-only {
border-color: var(--_accent-color);
color: var(--_text-color);
background-color: var(--_background-color);

View File

@@ -4,10 +4,10 @@
<div class="slide-container">
<div class="snap-points">
<div
v-for="snapPoint in props.snapPoints"
:key="snapPoint"
class="snap-point"
:class="{ green: snapPoint <= currentValue }"
v-for="snapPoint in props.snapPoints"
v-bind:key="snapPoint"
:style="{ left: ((snapPoint - props.min) / (props.max - props.min)) * 100 + '%' }"
></div>
</div>