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

fix(css): achievement layout

Browse Source
This commit is contained in:
SabreCat
2023-10-17 09:09:00 -05:00
parent 8ea1ace239
commit f7ac6e8eb1
3 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
website/client/src/assets/css/sprites/spritesmith-main.css
View File

@@ -153,6 +153,11 @@
width: 60px;
height: 64px;
}
.achievement-duneBuddy2x {
background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/achievement-duneBuddy2x.png');
width: 68px;
height: 68px;
}
.achievement-dustDevil2x {
background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/achievement-dustDevil2x.png');
width: 48px;

7
website/client/src/components/userMenu/profile.vue
View File

@@ -454,7 +454,7 @@
>
<div
:id="achievKey + '-achievement'"
class="box achievement-container"
class="box achievement-container d-flex justify-content-center align-items-middle"
:class="{'achievement-unearned': !achievement.earned}"
>
<b-popover
@@ -472,7 +472,7 @@
</b-popover>
<div
v-if="achievement.earned"
class="achievement"
class="achievement m-auto"
:class="achievement.icon + '2x'"
>
<div
@@ -484,7 +484,7 @@
</div>
<div
v-if="!achievement.earned"
class="achievement achievement-unearned achievement-unearned2x"
class="achievement achievement-unearned achievement-unearned2x m-auto"
></div>
</div>
</div>
@@ -922,7 +922,6 @@
background: $white;
margin: 0 auto;
margin-bottom: 16px;
padding-top: 20px;
}
hr {

5
website/client/src/components/userMenu/profileAchievs.vue
View File

@@ -20,7 +20,7 @@
>
<div
:id="achievKey + '-achievement'"
class="box achievement-container"
class="box achievement-container d-flex justify-content-center align-items-middle"
:class="{'achievement-unearned': !achievement.earned}"
>
<b-popover
@@ -38,7 +38,7 @@
</b-popover>
<div
v-if="achievement.earned"
class="achievement"
class="achievement m-auto"
:class="achievement.icon + '2x'"
>
<div
@@ -142,7 +142,6 @@
background: $white;
margin: 0 auto;
margin-bottom: 16px;
padding-top: 20px;
}
hr {