44r0n7/privacy.sexy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Align card icons vertically in cards view

Browse Source 
Align folder and battery icons to be on same vertical line on every
card.
This commit is contained in:
undergroundwires
2022-03-14 18:30:05 +01:00
parent 3233d9b802
commit 8608072bfb
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/presentation/components/Scripts/View/Cards/CardListItem.vue
View File

@@ -8,7 +8,10 @@
}" }"
ref="cardElement"> ref="cardElement">
<div class="card__inner"> <div class="card__inner">
<span v-if="cardTitle && cardTitle.length > 0"> <!-- Title -->
<span
class="card__inner__title"
v-if="cardTitle && cardTitle.length > 0">
<span>{{cardTitle}}</span> <span>{{cardTitle}}</span>
</span> </span>
<span v-else>Oh no 😢</span> <span v-else>Oh no 😢</span>
@@ -152,7 +155,12 @@ $card-horizontal-gap : $card-gap;
&:after { &:after {
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
} }
&__title {
display: flex;
flex-direction: column;
flex: 1;
justify-content: center;
}
&__state-icons { &__state-icons {
height: $card-inner-padding; height: $card-inner-padding;
margin-right: -$card-inner-padding; margin-right: -$card-inner-padding;