diff --git a/src/assets/css/variables.css b/src/assets/css/variables.css index 0b955de1..13fcea1e 100644 --- a/src/assets/css/variables.css +++ b/src/assets/css/variables.css @@ -5,7 +5,8 @@ --black-color: #000000; --primary-color: #00cad9; - --primary-light-color: rgba(0, 202, 217, 0.06); + --primary-light-color: rgba(176, 236, 240, 0.72); + --primary-extra-light-color: rgba(0, 202, 217, 0.06); --grey-color: #606c8b; --grey-dark-color: #313c59; @@ -13,6 +14,7 @@ --violet-color: #E339FF; --red-color: #ff5f5f; + --red-light-color: rgba(253, 232, 232); --green-color: #21BE98; --yellow-light-color: #ffe871; diff --git a/src/components/BaseBanner.vue b/src/components/BaseBanner.vue new file mode 100644 index 00000000..a76b5e64 --- /dev/null +++ b/src/components/BaseBanner.vue @@ -0,0 +1,86 @@ + + + + + diff --git a/src/components/BaseTabSelect.vue b/src/components/BaseTabSelect.vue index c668b1fd..f01d9930 100644 --- a/src/components/BaseTabSelect.vue +++ b/src/components/BaseTabSelect.vue @@ -77,7 +77,7 @@ const emit = defineEmits(['update']) &--current { color: var(--primary-color); border-color: var(--primary-color); - background-color: var(--primary-light-color); + background-color: var(--primary-extra-light-color); } &--inactive { diff --git a/src/components/dashboard/HappsCard.vue b/src/components/dashboard/HappsCard.vue index 80e19116..af0abf64 100644 --- a/src/components/dashboard/HappsCard.vue +++ b/src/components/dashboard/HappsCard.vue @@ -27,7 +27,7 @@ const emit = defineEmits(['try-again-clicked']) v-if="!props.data || props.data.length === 0" class="no-happs" > - {{ $t('hosted_happs.no_happs') }} + {{ $t('hosted_happs.no_enabled_happs') }}
diff --git a/src/components/modals/RedemptionInitiatedModal.vue b/src/components/modals/RedemptionInitiatedModal.vue index 6bd44095..4fcd9b85 100644 --- a/src/components/modals/RedemptionInitiatedModal.vue +++ b/src/components/modals/RedemptionInitiatedModal.vue @@ -10,6 +10,7 @@ import { computed, ref, watch } from 'vue' import type { Ref } from 'vue' import { useI18n } from 'vue-i18n' import RedemptionInitiatedModalItem from './RedemptionInitiatedModalItem.vue' +import BaseBanner from '@/components/BaseBanner.vue' import { EModal, kDefaultDateTimeFormat, kMsInSecond } from '@/constants/ui' const { t } = useI18n() @@ -95,6 +96,7 @@ const items = computed((): Item[] => [