sudoxreboot/habitica-self-host
1
0
Fork 0
mirror of https://github.com/sudoxnym/habitica-self-host.git synced 2026-04-14 19:47:03 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(layout): tighten up various margins

Browse source
This commit is contained in:
Sabe Jones 2024-06-11 12:04:21 -05:00
parent 10a27354bb
commit 1c1543f012
7 changed files with 16 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
website/client/src/assets/scss/shops.scss
View file

@ -42,7 +42,7 @@
}
.featuredItems {
height: 216px;
height: 192px;
.background {
background-repeat: repeat-x;

5
website/client/src/components/inventory/stable/index.vue
View file

@ -134,6 +134,7 @@
v-for="(petGroup) in petGroups"
v-if="!anyFilterSelected || viewOptions[petGroup.key].selected"
:key="petGroup.key"
:class="{ hide: viewOptions[petGroup.key].animalCount === 0 }"
>
<!-- eslint-enable vue/no-use-v-if-with-v-for -->
<h4 v-if="viewOptions[petGroup.key].animalCount !== 0">
@ -311,6 +312,10 @@
height: 130px;
overflow: hidden;
}
.hide {
height: 0px;
}
</style>
<style lang="scss">

1
website/client/src/components/shops/customizations/index.vue
View file

@ -90,6 +90,7 @@
@import '~@/assets/scss/shops.scss';
h1 {
line-height: 32px;
color: $purple-200;
}

2
website/client/src/components/shops/featuredItemsHeader.vue
View file

@ -89,7 +89,7 @@ export default {
<style lang="scss" scoped>
.featuredItems {
height: 216px;
height: 192px;
.background {
width: 100%;

2
website/client/src/components/shops/market/index.vue
View file

@ -26,7 +26,7 @@
/>
<h1
v-once
class="mb-4 page-header"
class="page-header mt-4 mb-4"
>
{{ $t('market') }}
</h1>

4
website/client/src/components/shops/seasonal/index.vue
View file

@ -202,6 +202,10 @@
background-color: #edecee;
display: inline-block;
padding: 8px;
> div {
margin-right: auto;
}
}
.item-wrapper {

6
website/client/src/components/shops/timeTravelers/index.vue
View file

@ -69,15 +69,15 @@
</div>
</div>
</div>
<div class="d-flex justify-content-between w-items mt-1">
<div class="d-flex justify-content-between w-items">
<h1
v-once
class="mb-4 page-header"
class="page-header mt-4 mb-4"
>
{{ $t('timeTravelers') }}
</h1>
<div
class="clearfix"
class="clearfix mt-4"
>
<div class="float-right">
<span class="dropdown-label">{{ $t('sortBy') }}</span>