DebaucheryLibrarian
/
traxxx-web
1
1
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: DebaucheryLibrarian:1e4bcb9e02bfc53fbb7050305c02757cb34b6322
Branches Tags
DebaucheryLibrarian:main
..
compare: DebaucheryLibrarian:709c549d41094452fae469e2a3ce1e6c0cc5120d
Branches Tags
DebaucheryLibrarian:main

No commits in common. "1e4bcb9e02bfc53fbb7050305c02757cb34b6322" and "709c549d41094452fae469e2a3ce1e6c0cc5120d" have entirely different histories.
1e4bcb9e02 ... 709c549d41

3 changed files with 16 additions and 37 deletions
Show Stats Expand all files Collapse all files

4
package-lock.json generated
View File

@ -1,11 +1,11 @@
{
"name": "traxxx-web",
"version": "0.11.1",
"version": "0.11.0",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"version": "0.11.1",
"version": "0.11.0",
"dependencies": {
"@brillout/json-serializer": "^0.5.8",
"@dicebear/collection": "^7.0.5",

2
package.json
View File

@ -70,5 +70,5 @@
"postcss-custom-media": "^10.0.2",
"postcss-nesting": "^12.0.2"
},
"version": "0.11.1"
"version": "0.11.0"
}

47
pages/users/@username/+Page.vue
View File

@ -15,11 +15,11 @@
v-for="stash in profile.stashes"
:key="`stash-${stash.id}`"
>
<div class="stash">
<a
:href="`/stash/${profile.username}/${stash.slug}`"
class="stash-name nolink"
>
<a
:href="`/stash/${profile.username}/${stash.slug}`"
class="stash nolink"
>
<div class="stash-name">
{{ stash.name }}
<Icon
@ -27,25 +27,14 @@
icon="heart7"
class="primary"
/>
</a>
</div>
<div class="stash-counts">
<a
:href="`/stash/${profile.username}/${stash.slug}/scenes`"
class="stash-count nolink"
><Icon icon="clapboard-play" />{{ abbreviateNumber(stash.stashedScenes) }}</a>
<a
:href="`/stash/${profile.username}/${stash.slug}/actors`"
class="stash-count nolink"
><Icon icon="star" />{{ abbreviateNumber(stash.stashedActors) }}</a>
<a
:href="`/stash/${profile.username}/${stash.slug}/movies`"
class="stash-count nolink"
><Icon icon="movie" />{{ abbreviateNumber(stash.stashedMovies) }}</a>
<div class="stash-count"><Icon icon="clapboard-play" />{{ abbreviateNumber(stash.stashedScenes) }}</div>
<div class="stash-count"><Icon icon="movie" />{{ abbreviateNumber(stash.stashedMovies) }}</div>
<div class="stash-count"><Icon icon="star" />{{ abbreviateNumber(stash.stashedActors) }}</div>
</div>
</div>
</a>
</li>
</ul>
</div>
@ -60,6 +49,8 @@ const profile = pageContext.pageProps.profile;
function abbreviateNumber(number) {
return number?.toLocaleString('en-US', { notation: 'compact' }) || 0;
}
console.log(profile.stashes);
</script>
<style scoped>
@ -101,14 +92,11 @@ function abbreviateNumber(number) {
.stash-name {
display: flex;
justify-content: space-between;
padding: .5rem;
border-bottom: solid 1px var(--shadow-weak-30);
font-weight: bold;
.icon {
margin-left: .75rem;
}
.icon.primary {
fill: var(--primary);
}
@ -123,20 +111,11 @@ function abbreviateNumber(number) {
display: inline-flex;
align-items: center;
padding: .5rem;
flex-grow: 1;
font-size: .9rem;
.icon {
margin-right: .5rem;
fill: var(--shadow);
}
&:hover {
color: var(--primary);
.icon {
fill: var(--primary);
}
}
}
</style>