tomasalias/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Fix lint

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

9
lib/assets/styles/classes.scss
View File

@@ -334,7 +334,8 @@ a,
box-sizing: border-box; box-sizing: border-box;
background-color: transparent; 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; box-shadow: none;
} }
@@ -350,7 +351,8 @@ a,
&:hover:not(&:disabled) { &:hover:not(&:disabled) {
background-color: var(--color-button-bg); background-color: var(--color-button-bg);
&.btn-hover-filled, &.btn-hover-filled-only { &.btn-hover-filled,
&.btn-hover-filled-only {
color: var(--_text-color); color: var(--_text-color);
background-color: var(--_background-color); background-color: var(--_background-color);
} }
@@ -370,7 +372,8 @@ a,
&:focus-visible:not(&:disabled), &:focus-visible:not(&:disabled),
&:hover:not(&:disabled) { &:hover:not(&:disabled) {
&.btn-hover-filled, &.btn-hover-filled-only { &.btn-hover-filled,
&.btn-hover-filled-only {
border-color: var(--_accent-color); border-color: var(--_accent-color);
color: var(--_text-color); color: var(--_text-color);
background-color: var(--_background-color); background-color: var(--_background-color);

4
lib/components/base/Slider.vue
View File

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