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

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

@ -23,16 +23,19 @@ export default {
.gender {
&.female .icon {
fill: $female;
filter: drop-shadow(0 0 1px $shadow);
}
&.male .icon {
fill: $male;
filter: drop-shadow(0 0 1px $shadow);
}
&.transsexual .icon {
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)
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>