boiii
/
traxxx
forked from DebaucheryLibrarian/traxxx
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fixed compact actor view and gender icon size.

This commit is contained in:
ThePendulum 2020-01-26 23:10:08 +01:00
parent 2c097ca41f
commit c83c5513df
2 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
assets/components/actors/actor.vue
View File

@ -289,6 +289,13 @@ export default {
}; };
</script> </script>
<style lang="scss">
.header-gender .icon {
width: 1.25rem;
height: 1.25rem;
}
</style>
<style lang="scss" scoped> <style lang="scss" scoped>
@import 'theme'; @import 'theme';
@ -313,11 +320,6 @@ export default {
display: inline-block; display: inline-block;
margin: 0 0 0 .5rem; margin: 0 0 0 .5rem;
transform: translate(0, .1rem); transform: translate(0, .1rem);
.icon {
width: 1.25rem;
height: 1.25rem;
}
} }
.header-social { .header-social {
@ -326,13 +328,6 @@ export default {
margin: 0 1rem 0 0; margin: 0 1rem 0 0;
} }
.header-gender {
.icon {
width: 1.25rem;
height: 1.25rem;
}
}
.actor-inner { .actor-inner {
height: 100%; height: 100%;
display: flex; display: flex;
@ -558,9 +553,15 @@ export default {
@media(max-width: $breakpoint) { @media(max-width: $breakpoint) {
.profile { .profile {
height: auto; height: auto;
max-height: none;
flex-direction: column; flex-direction: column;
padding: 0 0 .5rem 0; padding: 0 0 .5rem 0;
&.with-avatar {
height: auto;
max-height: none;
}
&:not(.expanded) .hideable { &:not(.expanded) .hideable {
display: none; display: none;
} }

5
assets/components/actors/gender.vue
View File

@ -23,16 +23,19 @@ export default {
.gender { .gender {
&.female .icon { &.female .icon {
fill: $female; fill: $female;
filter: drop-shadow(0 0 1px $shadow);
} }
&.male .icon { &.male .icon {
fill: $male; fill: $male;
filter: drop-shadow(0 0 1px $shadow);
} }
&.transsexual .icon { &.transsexual .icon {
fill: $text-contrast; fill: $text-contrast;
filter: drop-shadow(1px 0 0 $female) drop-shadow(-1px 0 0 $female) drop-shadow(0 1px 0 $female) drop-shadow(0 -1px 0 $female) filter: drop-shadow(1px 0 0 $female) drop-shadow(-1px 0 0 $female) drop-shadow(0 1px 0 $female) drop-shadow(0 -1px 0 $female)
drop-shadow(1px 0 0 $male) drop-shadow(-1px 0 0 $male) drop-shadow(0 1px 0 $male) drop-shadow(0 -1px 0 $male); drop-shadow(1px 0 0 $male) drop-shadow(-1px 0 0 $male) drop-shadow(0 1px 0 $male) drop-shadow(0 -1px 0 $male)
drop-shadow(0 0 1px $shadow)
} }
} }
</style> </style>