diff options
| author | Leonardo Bishop <me@leonardobishop.com> | 2024-03-10 01:56:33 +0000 |
|---|---|---|
| committer | Leonardo Bishop <me@leonardobishop.com> | 2024-03-10 01:56:33 +0000 |
| commit | 4d2f28ecead7514a957d343b9d4d139afaa48421 (patch) | |
| tree | e5e92173f2f7006bc70f9d3768a13048e78abae0 /components/base/TrueFalseSwitch.vue | |
| parent | 5def5ad30934b13193e4b0d9e291025255b21ff4 (diff) | |
Fix broken fontawesome references
Diffstat (limited to 'components/base/TrueFalseSwitch.vue')
| -rw-r--r-- | components/base/TrueFalseSwitch.vue | 11 |
1 files changed, 5 insertions, 6 deletions
diff --git a/components/base/TrueFalseSwitch.vue b/components/base/TrueFalseSwitch.vue index a0a3392..152efa3 100644 --- a/components/base/TrueFalseSwitch.vue +++ b/components/base/TrueFalseSwitch.vue @@ -16,8 +16,8 @@ const invert = () => { <template> <div class="switch" @click="invert"> - <span v-if="value" class="true"><font-awesome-icon :icon="['fas', 'fa-check']" /> True</span> - <span v-else class="false"><font-awesome-icon :icon="['fas', 'fa-xmark']" /> False</span> + <span v-if="value" class="true"><font-awesome-icon :icon="['fas', 'check']" /> True</span> + <span v-else class="false"><font-awesome-icon :icon="['fas', 'xmark']" /> False</span> </div> </template> @@ -32,12 +32,12 @@ const invert = () => { user-select: none; transition: background-color 0.3s; background-color: var(--color-background-soft); - + span { font-family: monospace; font-size: 0.8rem; } - + .true { color: var(--color-text-primary); } @@ -45,10 +45,9 @@ const invert = () => { .false { color: var(--color-false); } - + &:hover { background-color: var(--color-hover); } } - </style>
\ No newline at end of file |
