Skip to content

Commit

Permalink
fix: lint
Browse files Browse the repository at this point in the history
  • Loading branch information
Christian Bedon committed Jun 5, 2024
1 parent 270a50f commit 0142986
Show file tree
Hide file tree
Showing 2 changed files with 21 additions and 15 deletions.
33 changes: 19 additions & 14 deletions src/components/Thanks/OptInSteps.vue
Original file line number Diff line number Diff line change
@@ -1,7 +1,12 @@
<template>
<div class="steps-container">
<ul class="steps-list">
<li v-for="(step, index) in steps" :key="index" class="step-item" :class="{ 'completed': index < currentStep }">
<li
v-for="(step, index) in steps"
:key="index"
class="step-item"
:class="{ 'completed': index < currentStep }"
>
<div class="step">
<span v-if="index < currentStep" class="tw-flex">
<kv-material-icon class="tw-text-white tw-w-1.5 tw-h-1.5" :icon="mdiCheckBold" />
Expand Down Expand Up @@ -48,45 +53,45 @@ export default {

<style lang="postcss" scoped>
.steps-container {
@apply tw-flex tw-flex-col;
@apply tw-flex tw-flex-col;
}
.steps-list {
@apply tw-list-none tw-p-0 tw-relative;
@apply tw-list-none tw-p-0 tw-relative;
}
.step-item {
@apply tw-flex tw-items-center tw-relative;
@apply tw-flex tw-items-center tw-relative;
}
.step {
@apply tw-w-2.5 tw-h-2.5 tw-mt-2.5 tw-rounded-full tw-bg-tertiary
tw-flex tw-items-center tw-justify-center tw-font-medium tw-relative tw-z-1;
@apply tw-w-2.5 tw-h-2.5 tw-mt-2.5 tw-rounded-full tw-bg-tertiary
tw-flex tw-items-center tw-justify-center tw-font-medium tw-relative tw-z-1;
}
.step-text {
@apply tw-ml-1 tw-mt-2.5 tw-text-small;
@apply tw-ml-1 tw-mt-2.5 tw-text-small;
}
@screen md {
.step-text {
@apply tw-text-base;
}
.step-text {
@apply tw-text-base;
}
}
.line {
@apply tw-absolute tw-w-0.5 tw-h-5 tw-bg-tertiary tw-top-5 tw-left-1;
@apply tw-absolute tw-w-0.5 tw-h-5 tw-bg-tertiary tw-top-5 tw-left-1;
}
.completed .step {
@apply tw-bg-brand;
@apply tw-bg-brand;
}
.completed .line {
@apply tw-bg-brand;
@apply tw-bg-brand;
}
.buttons button {
margin: 10px;
margin: 10px;
}
</style>
3 changes: 2 additions & 1 deletion src/pages/Thanks/ThanksPageOptIn.vue
Original file line number Diff line number Diff line change
Expand Up @@ -89,7 +89,8 @@
>
<div class="tw-py-2">
<h2>Before you go!</h2>
<p>Finish setting up your account to track and relend your money as you are paid back.</p>
<!-- eslint-disable-next-line max-len -->
<p>Finish setting up your account to track and relend your money as you are paid back.</p>
<guest-account-creation class="tw-pt-3 account-creation" />
</div>
</kv-expandable>
Expand Down

0 comments on commit 0142986

Please sign in to comment.