Compare commits

..

No commits in common. "e12de5ec00059e7b3c535fe4d91fc023a6dbcb18" and "8ff5a8c5e1cb1d3fdbb5eb5f29142b5db3ce200e" have entirely different histories.

18 changed files with 102 additions and 89 deletions

View File

@ -516,7 +516,7 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: .75rem .5rem .5rem .5rem; padding: .75rem .5rem .5rem .5rem;
color: var(--shadow); color: var(--darken);
font-weight: bold; font-weight: bold;
font-size: .9rem; font-size: .9rem;
@ -598,7 +598,7 @@ export default {
min-width: 1.5rem; min-width: 1.5rem;
flex-shrink: 0; flex-shrink: 0;
padding: 0 .5rem; padding: 0 .5rem;
color: var(--shadow); color: var(--darken);
font-weight: bold; font-weight: bold;
font-size: .9rem; font-size: .9rem;
@ -607,7 +607,7 @@ export default {
} }
.icon { .icon {
fill: var(--shadow); fill: var(--darken);
} }
&:hover { &:hover {
@ -637,7 +637,7 @@ export default {
height: 1.25rem; height: 1.25rem;
appearance: none; appearance: none;
border-radius: 1rem; border-radius: 1rem;
background-color: var(--shadow-hint); background-color: var(--darken-hint);
background-image: radial-gradient(circle, var(--shadow-weak) .3rem, transparent calc(.3rem + 1px)); background-image: radial-gradient(circle, var(--shadow-weak) .3rem, transparent calc(.3rem + 1px));
cursor: pointer; cursor: pointer;

View File

@ -87,14 +87,14 @@ export default {
.filter-section { .filter-section {
width: 15rem; width: 15rem;
max-width: 100%; max-width: 100%;
border-bottom: solid 1px var(--shadow-hint); border-bottom: solid 1px var(--darken-hint);
} }
.filter-label { .filter-label {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: .75rem .5rem .5rem .5rem; padding: .75rem .5rem .5rem .5rem;
color: var(--shadow); color: var(--darken);
font-weight: bold; font-weight: bold;
font-size: .9rem; font-size: .9rem;
@ -180,7 +180,7 @@ export default {
min-width: 1.5rem; min-width: 1.5rem;
flex-shrink: 0; flex-shrink: 0;
padding: 0 .5rem; padding: 0 .5rem;
color: var(--shadow); color: var(--darken);
font-weight: bold; font-weight: bold;
font-size: .9rem; font-size: .9rem;
@ -189,7 +189,7 @@ export default {
} }
.icon { .icon {
fill: var(--shadow); fill: var(--darken);
} }
&:hover { &:hover {

View File

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

View File

@ -129,19 +129,18 @@ export default {
.button { .button {
display: inline-flex; display: inline-flex;
flex-basis: 0;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border: none; border: none;
padding: 0;
position: relative;
border-radius: 1rem;
color: var(--lighten-strong);
cursor: pointer;
font-size: 1.5rem; font-size: 1.5rem;
padding: 0;
border: solid 2px transparent;
color: var(--lighten-strong);
background: none;
cursor: pointer;
text-decoration: none; text-decoration: none;
transition: border .5s ease; flex-basis: 0;
&.leave { &.leave {
flex-direction: row; flex-direction: row;
@ -159,28 +158,12 @@ export default {
flex-grow: 1; flex-grow: 1;
} }
&.straight, &.straight {
border-color: var(--primary);
}
&.queer { &.queer {
background: var(--darken-censor); border-image: linear-gradient(90deg, #f00, #f80, #ff0, #0f0, #00f, #a0f, #fff, #f8f, #0ff) 1;
&:before {
content: '';
width: calc(100% + .3rem);
height: calc(100% + .25rem);
position: absolute;
z-index: -1;
border-radius: 1.1rem;
filter: blur(.5rem);
transition: filter .2s ease;
}
}
&.straight:before {
background: var(--primary);
}
&.queer:before {
background: linear-gradient(90deg, #f00, #f80, #ff0, #0f0, #00f, #a0f, #fff, #f8f, #0ff);
} }
&:not(:last-child) { &:not(:last-child) {
@ -197,11 +180,6 @@ export default {
.icon { .icon {
fill: var(--text-light); fill: var(--text-light);
} }
&.straight:before,
&.queer:before {
filter: blur(0);
}
} }
} }

View File

@ -128,17 +128,12 @@ export default {
.filter-mode { .filter-mode {
width: 100%; width: 100%;
color: var(--shadow);
background: none; background: none;
padding: .75rem; padding: .75rem;
margin: 0 0 .5rem 0; margin: 0 0 .5rem 0;
font-size: 1rem; font-size: 1rem;
border: none; border: none;
border-bottom: solid 1px var(--shadow-hint); border-bottom: solid 1px var(--shadow-hint);
option {
color: var(--text-dark);
}
} }
.filter-clear { .filter-clear {
@ -146,25 +141,25 @@ export default {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: .5rem 1rem; padding: .5rem 1rem;
color: var(--shadow-weak); color: var(--darken-weak);
text-decoration: none; text-decoration: none;
cursor: default; cursor: default;
.icon { .icon {
fill: var(--shadow-hint); fill: var(--darken-hint);
margin: 0 0 0 1rem; margin: 0 0 0 1rem;
} }
&.active { &.active {
color: var(--shadow); color: var(--darken);
.icon { .icon {
fill: var(--shadow-weak); fill: var(--darken-weak);
} }
&:hover { &:hover {
color: var(--text); color: var(--text);
background: var(--shadow-hint); background: var(--darken-hint);
cursor: pointer; cursor: pointer;
.icon { .icon {
@ -179,7 +174,7 @@ export default {
align-items: center; align-items: center;
&:hover { &:hover {
background: var(--shadow-hint); background: var(--darken-hint);
cursor: pointer; cursor: pointer;
} }
@ -207,7 +202,7 @@ export default {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
padding: .5rem 1rem; padding: .5rem 1rem;
fill: var(--shadow-hint); fill: var(--darken-hint);
} }
.filter-remove { .filter-remove {
@ -231,7 +226,7 @@ export default {
.filter-include:hover, .filter-include:hover,
.filter-name:hover { .filter-name:hover {
background: var(--shadow-hint); background: var(--darken-hint);
} }
@media(max-width: $breakpoint-small) { @media(max-width: $breakpoint-small) {
@ -304,6 +299,7 @@ export default {
} }
} }
.filters { .filters {
flex-shrink: 0; flex-shrink: 0;
} }

View File

@ -163,12 +163,6 @@ export default {
}; };
</script> </script>
<style lang="scss">
.dark .range-container .range {
--slider-range: var(--lighten-weak);
}
</style>
<style lang="scss" scoped> <style lang="scss" scoped>
@mixin thumb { @mixin thumb {
appearance: none; appearance: none;

View File

@ -134,20 +134,20 @@ export default {
.menu-item { .menu-item {
display: flex; display: flex;
padding: .75rem 1rem .75rem .75rem; padding: .75rem 1rem .75rem .75rem;
color: var(--text); color: inherit;
text-decoration: none; text-decoration: none;
.icon { .icon {
fill: var(--shadow); fill: var(--darken);
margin: 0 1rem 0 0; margin: 0 1rem 0 0;
} }
&.disabled { &.disabled {
color: var(--shadow-weak); color: var(--darken-weak);
cursor: default; cursor: default;
.icon { .icon {
fill: var(--shadow-weak); fill: var(--darken-weak);
} }
} }
@ -164,10 +164,10 @@ export default {
.menu-username { .menu-username {
display: block; display: block;
font-weight: bold; font-weight: bold;
color: var(--shadow-strong); color: var(--darken-strong);
font-size: .9rem; font-size: .9rem;
padding: .75rem 1rem; padding: .75rem 1rem;
border-bottom: solid 1px var(--shadow-hint); border-bottom: solid 1px var(--darken-hint);
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
} }

View File

@ -5,7 +5,7 @@
class="summary" class="summary"
>Searching...</span> >Searching...</span>
<template v-if="actors.length > 0"> <template v-if="!loader && actors.length > 0">
<span class="summary">Found {{ actors.length }} actors for '{{ query }}'</span> <span class="summary">Found {{ actors.length }} actors for '{{ query }}'</span>
<div class="tiles"> <div class="tiles">
@ -18,7 +18,7 @@
</div> </div>
</template> </template>
<template v-if="releases.length > 0"> <template v-if="!loader && releases.length > 0">
<span class="summary">Found {{ releases.length }} releases for '{{ query }}'</span> <span class="summary">Found {{ releases.length }} releases for '{{ query }}'</span>
<Releases <Releases

View File

@ -160,7 +160,7 @@ export default {
.tooltip { .tooltip {
position: relative; position: relative;
background: var(--background); background: var(--background-light);
} }
.tooltip-arrow { .tooltip-arrow {
@ -172,7 +172,7 @@ export default {
left: calc(50% - .5rem); left: calc(50% - .5rem);
border-left: .5rem solid transparent; border-left: .5rem solid transparent;
border-right: .5rem solid transparent; border-right: .5rem solid transparent;
border-bottom: .5rem solid var(--background); border-bottom: .5rem solid var(--background-light);
margin: 0 auto; margin: 0 auto;
filter: drop-shadow(0 0 3px var(--darken-weak)); filter: drop-shadow(0 0 3px var(--darken-weak));
} }

View File

@ -139,7 +139,7 @@ export default {
min-width: 0; min-width: 0;
height: 100%; height: 100%;
background: var(--background); background: var(--background);
box-shadow: 0 0 3px var(--darken-weak); box-shadow: 0 0 3px var(--shadow-weak);
} }
.stash-section { .stash-section {

View File

@ -90,11 +90,11 @@ $breakpoint4: 1500px;
--text: #fff; --text: #fff;
--text-contrast: #222; --text-contrast: #222;
--background: #181818; --background: var(--background-dark);
--background-dim: #111; --background-dim: #181818;
--background-soft: #000; --background-soft: #111;
--profile: #0a0a0a; --profile: #000;
--tile: #2a2a2a; --tile: #2a2a2a;
--link: #dd6688; --link: #dd6688;

View File

@ -1,8 +1,7 @@
import { graphql } from '../api'; import { graphql } from '../api';
import { releaseFields } from '../fragments';
import { curateRelease, curateActor } from '../curate'; import { curateRelease, curateActor } from '../curate';
function initUiActions(store, _router) { function initUiActions(_store, _router) {
function setTagFilter({ commit }, filter) { function setTagFilter({ commit }, filter) {
const tagFilter = Array.from(new Set(filter)); const tagFilter = Array.from(new Set(filter));
@ -34,8 +33,6 @@ function initUiActions(store, _router) {
query SearchReleases( query SearchReleases(
$query: String! $query: String!
$limit: Int = 20 $limit: Int = 20
$hasAuth: Boolean!
$userId: Int
) { ) {
results: searchReleases( results: searchReleases(
query: $query query: $query
@ -48,7 +45,57 @@ function initUiActions(store, _router) {
} }
) { ) {
release { release {
${releaseFields} id
title
slug
date
url
isNew
entity {
id
slug
name
url
type
independent
parent {
id
slug
name
url
type
}
}
actors: releasesActors {
actor {
id
slug
name
}
}
tags: releasesTags(orderBy: TAG_BY_TAG_ID__PRIORITY_DESC) {
tag {
id
name
slug
}
}
poster: releasesPosterByReleaseId {
media {
id
thumbnail
lazy
isS3
}
}
covers: releasesCovers {
media {
id
thumbnail
lazy
isS3
}
}
} }
rank rank
} }
@ -121,8 +168,6 @@ function initUiActions(store, _router) {
`, { `, {
query, query,
limit, limit,
hasAuth: !!store.state.auth.user,
userId: store.state.auth.user?.id,
}); });
return { return {

4
package-lock.json generated
View File

@ -1,11 +1,11 @@
{ {
"name": "traxxx", "name": "traxxx",
"version": "1.190.6", "version": "1.190.5",
"lockfileVersion": 2, "lockfileVersion": 2,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"version": "1.190.6", "version": "1.190.5",
"license": "ISC", "license": "ISC",
"dependencies": { "dependencies": {
"@casl/ability": "^5.2.2", "@casl/ability": "^5.2.2",

View File

@ -1,6 +1,6 @@
{ {
"name": "traxxx", "name": "traxxx",
"version": "1.190.6", "version": "1.190.5",
"description": "All the latest porn releases in one place", "description": "All the latest porn releases in one place",
"main": "src/app.js", "main": "src/app.js",
"scripts": { "scripts": {

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB