krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-16 14:17:22 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(layouts): May 2 updates

Browse Source
This commit is contained in:
Sabe Jones
2024-05-03 00:14:33 -05:00
parent 87fc01cb81
commit c1ca4e84b8
7 changed files with 9693 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
website/client/src/components/creatorIntro.vue
View File

@@ -151,22 +151,20 @@
<div
v-if="activeTopPage === 'backgrounds'"
id="backgrounds"
class="section customize-section"
class="section customize-section pt-4"
>
<div class="row text-center title-row">
<div class="row text-center title-row mb-1">
<strong>{{ $t('incentiveBackgrounds') }}</strong>
</div>
<div
v-if="standardBackgrounds.length < standardBackgroundMax"
class="row title-row"
class="row title-row mb-3"
>
<div
class="col-12"
>
<div>
{{ $t('incentiveBackgroundsUnlockedWithCheckins') }}
</div>
</div>
<div class="row">
<div class="row justify-content-center mb-4 pb-2">
<div
v-for="bg in standardBackgrounds"
:id="bg.key"
@@ -274,12 +272,12 @@
</div>
</div>
</div>
<div
class="row text-center title-row mt-2"
>
<strong>{{ $t('monthlyBackgrounds') }}</strong>
</div>
<div v-if="monthlyBackgrounds.length > 0">
<div
class="row text-center title-row mt-2"
>
<strong>{{ $t('monthlyBackgrounds') }}</strong>
</div>
<div class="row title-row">
<div
v-for="(bg) in monthlyBackgrounds"
@@ -301,18 +299,8 @@
/>
</div>
</div>
<customize-banner class="padding-fix" />
</div>
<div v-else>
<h3 v-once>
{{ $t('noItemsOwned') }}
</h3>
<p
v-once
class="w-50 mx-auto"
v-html="$t('visitCustomizationsShop')"
></p>
</div>
<customize-banner v-else class="padding-fix" />
</div>
</div>
<div
@@ -619,7 +607,6 @@
background-color: #f9f9f9;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
min-height: 256px;
}
#creator-background {
@@ -848,12 +835,6 @@
}
#backgrounds {
padding-top: 12px;
.title-row {
margin-bottom: 1em;
}
.backgroundFilterToggle {
display: flex;
flex: 1;