krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-14 21:27:23 +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; width: 60px;
height: 64px; height: 64px;
} }
.achievement-duneBuddy2x {
background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/achievement-duneBuddy2x.png');
width: 68px;
height: 68px;
}
.achievement-dustDevil2x { .achievement-dustDevil2x {
background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/achievement-dustDevil2x.png'); background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/achievement-dustDevil2x.png');
width: 48px; width: 48px;

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

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

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

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