sudoxreboot/habitica
1
0
Fork 0
mirror of https://github.com/sudoxnym/habitica.git synced 2026-07-13 23:42:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

more buyModal styling

Browse source
This commit is contained in:
CuriousMagpie 2023-03-27 16:13:06 -04:00
parent 3c7ca56089
commit 7e9506391f
1 changed files with 12 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
website/client/src/components/shops/buyModal.vue
View file

@ -60,13 +60,14 @@
:show-popover="false"
/>
</slot>
<span
<div
v-if="!showAvatar && user.items[item.purchaseType]"
class="owned"
:class="totalOwned"
>
{{ $t('owned') }}: <span class="user-amount">{{ totalOwned }}</span>
</span>
<!-- eslint-disable-next-line max-len -->
<span class="owned-text">{{ $t('owned') }}: <span class="user-amount">{{ totalOwned }}</span></span>
</div>
<h4 class="title">
{{ itemText }}
</h4>
@ -293,23 +294,25 @@
}
.owned {
font-size: 0.75rem;
font-weight: bold;
height: 32px;
width: 141px;
margin-top: -36px;
margin-left: 153px;
line-height: 1.71;
padding-top: 6px;
background-color: $gray-600;
padding: 8px 41px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
display: block;
justify-content: center;
text-align: center;
margin-top: -36px;
position: relative;
z-index: 1;
.owned-text {
font-size: 0.75rem;
font-weight: bold;
line-height: 1.71;
}
.user-amount {
font-weight: normal !important;
}