Compare commits
No commits in common. "e12de5ec00059e7b3c535fe4d91fc023a6dbcb18" and "8ff5a8c5e1cb1d3fdbb5eb5f29142b5db3ce200e" have entirely different histories.
e12de5ec00
...
8ff5a8c5e1
|
|
@ -516,7 +516,7 @@ export default {
|
|||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: .75rem .5rem .5rem .5rem;
|
||||
color: var(--shadow);
|
||||
color: var(--darken);
|
||||
font-weight: bold;
|
||||
font-size: .9rem;
|
||||
|
||||
|
|
@ -598,7 +598,7 @@ export default {
|
|||
min-width: 1.5rem;
|
||||
flex-shrink: 0;
|
||||
padding: 0 .5rem;
|
||||
color: var(--shadow);
|
||||
color: var(--darken);
|
||||
font-weight: bold;
|
||||
font-size: .9rem;
|
||||
|
||||
|
|
@ -607,7 +607,7 @@ export default {
|
|||
}
|
||||
|
||||
.icon {
|
||||
fill: var(--shadow);
|
||||
fill: var(--darken);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
|
@ -637,7 +637,7 @@ export default {
|
|||
height: 1.25rem;
|
||||
appearance: none;
|
||||
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));
|
||||
cursor: pointer;
|
||||
|
||||
|
|
|
|||
|
|
@ -87,14 +87,14 @@ export default {
|
|||
.filter-section {
|
||||
width: 15rem;
|
||||
max-width: 100%;
|
||||
border-bottom: solid 1px var(--shadow-hint);
|
||||
border-bottom: solid 1px var(--darken-hint);
|
||||
}
|
||||
|
||||
.filter-label {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: .75rem .5rem .5rem .5rem;
|
||||
color: var(--shadow);
|
||||
color: var(--darken);
|
||||
font-weight: bold;
|
||||
font-size: .9rem;
|
||||
|
||||
|
|
@ -180,7 +180,7 @@ export default {
|
|||
min-width: 1.5rem;
|
||||
flex-shrink: 0;
|
||||
padding: 0 .5rem;
|
||||
color: var(--shadow);
|
||||
color: var(--darken);
|
||||
font-weight: bold;
|
||||
font-size: .9rem;
|
||||
|
||||
|
|
@ -189,7 +189,7 @@ export default {
|
|||
}
|
||||
|
||||
.icon {
|
||||
fill: var(--shadow);
|
||||
fill: var(--darken);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
|
|
|||
|
|
@ -23,19 +23,19 @@ export default {
|
|||
.gender {
|
||||
&.female .icon {
|
||||
fill: var(--female);
|
||||
filter: drop-shadow(0 0 1px var(--darken));
|
||||
filter: drop-shadow(0 0 1px var(--shadow));
|
||||
}
|
||||
|
||||
&.male .icon {
|
||||
fill: var(--male);
|
||||
filter: drop-shadow(0 0 1px var(--darken));
|
||||
filter: drop-shadow(0 0 1px var(--shadow));
|
||||
}
|
||||
|
||||
&.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))
|
||||
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>
|
||||
|
|
|
|||
|
|
@ -129,19 +129,18 @@ export default {
|
|||
|
||||
.button {
|
||||
display: inline-flex;
|
||||
flex-basis: 0;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: none;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
border-radius: 1rem;
|
||||
color: var(--lighten-strong);
|
||||
cursor: pointer;
|
||||
font-size: 1.5rem;
|
||||
padding: 0;
|
||||
border: solid 2px transparent;
|
||||
color: var(--lighten-strong);
|
||||
background: none;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
transition: border .5s ease;
|
||||
flex-basis: 0;
|
||||
|
||||
&.leave {
|
||||
flex-direction: row;
|
||||
|
|
@ -159,28 +158,12 @@ export default {
|
|||
flex-grow: 1;
|
||||
}
|
||||
|
||||
&.straight,
|
||||
&.straight {
|
||||
border-color: var(--primary);
|
||||
}
|
||||
|
||||
&.queer {
|
||||
background: var(--darken-censor);
|
||||
|
||||
&: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);
|
||||
border-image: linear-gradient(90deg, #f00, #f80, #ff0, #0f0, #00f, #a0f, #fff, #f8f, #0ff) 1;
|
||||
}
|
||||
|
||||
&:not(:last-child) {
|
||||
|
|
@ -197,11 +180,6 @@ export default {
|
|||
.icon {
|
||||
fill: var(--text-light);
|
||||
}
|
||||
|
||||
&.straight:before,
|
||||
&.queer:before {
|
||||
filter: blur(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -128,17 +128,12 @@ export default {
|
|||
|
||||
.filter-mode {
|
||||
width: 100%;
|
||||
color: var(--shadow);
|
||||
background: none;
|
||||
padding: .75rem;
|
||||
margin: 0 0 .5rem 0;
|
||||
font-size: 1rem;
|
||||
border: none;
|
||||
border-bottom: solid 1px var(--shadow-hint);
|
||||
|
||||
option {
|
||||
color: var(--text-dark);
|
||||
}
|
||||
}
|
||||
|
||||
.filter-clear {
|
||||
|
|
@ -146,25 +141,25 @@ export default {
|
|||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: .5rem 1rem;
|
||||
color: var(--shadow-weak);
|
||||
color: var(--darken-weak);
|
||||
text-decoration: none;
|
||||
cursor: default;
|
||||
|
||||
.icon {
|
||||
fill: var(--shadow-hint);
|
||||
fill: var(--darken-hint);
|
||||
margin: 0 0 0 1rem;
|
||||
}
|
||||
|
||||
&.active {
|
||||
color: var(--shadow);
|
||||
color: var(--darken);
|
||||
|
||||
.icon {
|
||||
fill: var(--shadow-weak);
|
||||
fill: var(--darken-weak);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: var(--text);
|
||||
background: var(--shadow-hint);
|
||||
background: var(--darken-hint);
|
||||
cursor: pointer;
|
||||
|
||||
.icon {
|
||||
|
|
@ -179,7 +174,7 @@ export default {
|
|||
align-items: center;
|
||||
|
||||
&:hover {
|
||||
background: var(--shadow-hint);
|
||||
background: var(--darken-hint);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
|
@ -207,7 +202,7 @@ export default {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
padding: .5rem 1rem;
|
||||
fill: var(--shadow-hint);
|
||||
fill: var(--darken-hint);
|
||||
}
|
||||
|
||||
.filter-remove {
|
||||
|
|
@ -231,7 +226,7 @@ export default {
|
|||
|
||||
.filter-include:hover,
|
||||
.filter-name:hover {
|
||||
background: var(--shadow-hint);
|
||||
background: var(--darken-hint);
|
||||
}
|
||||
|
||||
@media(max-width: $breakpoint-small) {
|
||||
|
|
@ -304,6 +299,7 @@ export default {
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
.filters {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -163,12 +163,6 @@ export default {
|
|||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.dark .range-container .range {
|
||||
--slider-range: var(--lighten-weak);
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@mixin thumb {
|
||||
appearance: none;
|
||||
|
|
|
|||
|
|
@ -134,20 +134,20 @@ export default {
|
|||
.menu-item {
|
||||
display: flex;
|
||||
padding: .75rem 1rem .75rem .75rem;
|
||||
color: var(--text);
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
|
||||
.icon {
|
||||
fill: var(--shadow);
|
||||
fill: var(--darken);
|
||||
margin: 0 1rem 0 0;
|
||||
}
|
||||
|
||||
&.disabled {
|
||||
color: var(--shadow-weak);
|
||||
color: var(--darken-weak);
|
||||
cursor: default;
|
||||
|
||||
.icon {
|
||||
fill: var(--shadow-weak);
|
||||
fill: var(--darken-weak);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -164,10 +164,10 @@ export default {
|
|||
.menu-username {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
color: var(--shadow-strong);
|
||||
color: var(--darken-strong);
|
||||
font-size: .9rem;
|
||||
padding: .75rem 1rem;
|
||||
border-bottom: solid 1px var(--shadow-hint);
|
||||
border-bottom: solid 1px var(--darken-hint);
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
class="summary"
|
||||
>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>
|
||||
|
||||
<div class="tiles">
|
||||
|
|
@ -18,7 +18,7 @@
|
|||
</div>
|
||||
</template>
|
||||
|
||||
<template v-if="releases.length > 0">
|
||||
<template v-if="!loader && releases.length > 0">
|
||||
<span class="summary">Found {{ releases.length }} releases for '{{ query }}'</span>
|
||||
|
||||
<Releases
|
||||
|
|
|
|||
|
|
@ -160,7 +160,7 @@ export default {
|
|||
|
||||
.tooltip {
|
||||
position: relative;
|
||||
background: var(--background);
|
||||
background: var(--background-light);
|
||||
}
|
||||
|
||||
.tooltip-arrow {
|
||||
|
|
@ -172,7 +172,7 @@ export default {
|
|||
left: calc(50% - .5rem);
|
||||
border-left: .5rem solid transparent;
|
||||
border-right: .5rem solid transparent;
|
||||
border-bottom: .5rem solid var(--background);
|
||||
border-bottom: .5rem solid var(--background-light);
|
||||
margin: 0 auto;
|
||||
filter: drop-shadow(0 0 3px var(--darken-weak));
|
||||
}
|
||||
|
|
|
|||
|
|
@ -139,7 +139,7 @@ export default {
|
|||
min-width: 0;
|
||||
height: 100%;
|
||||
background: var(--background);
|
||||
box-shadow: 0 0 3px var(--darken-weak);
|
||||
box-shadow: 0 0 3px var(--shadow-weak);
|
||||
}
|
||||
|
||||
.stash-section {
|
||||
|
|
|
|||
|
|
@ -90,11 +90,11 @@ $breakpoint4: 1500px;
|
|||
--text: #fff;
|
||||
--text-contrast: #222;
|
||||
|
||||
--background: #181818;
|
||||
--background-dim: #111;
|
||||
--background-soft: #000;
|
||||
--background: var(--background-dark);
|
||||
--background-dim: #181818;
|
||||
--background-soft: #111;
|
||||
|
||||
--profile: #0a0a0a;
|
||||
--profile: #000;
|
||||
--tile: #2a2a2a;
|
||||
|
||||
--link: #dd6688;
|
||||
|
|
|
|||
|
|
@ -1,8 +1,7 @@
|
|||
import { graphql } from '../api';
|
||||
import { releaseFields } from '../fragments';
|
||||
import { curateRelease, curateActor } from '../curate';
|
||||
|
||||
function initUiActions(store, _router) {
|
||||
function initUiActions(_store, _router) {
|
||||
function setTagFilter({ commit }, filter) {
|
||||
const tagFilter = Array.from(new Set(filter));
|
||||
|
||||
|
|
@ -34,8 +33,6 @@ function initUiActions(store, _router) {
|
|||
query SearchReleases(
|
||||
$query: String!
|
||||
$limit: Int = 20
|
||||
$hasAuth: Boolean!
|
||||
$userId: Int
|
||||
) {
|
||||
results: searchReleases(
|
||||
query: $query
|
||||
|
|
@ -48,7 +45,57 @@ function initUiActions(store, _router) {
|
|||
}
|
||||
) {
|
||||
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
|
||||
}
|
||||
|
|
@ -121,8 +168,6 @@ function initUiActions(store, _router) {
|
|||
`, {
|
||||
query,
|
||||
limit,
|
||||
hasAuth: !!store.state.auth.user,
|
||||
userId: store.state.auth.user?.id,
|
||||
});
|
||||
|
||||
return {
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
{
|
||||
"name": "traxxx",
|
||||
"version": "1.190.6",
|
||||
"version": "1.190.5",
|
||||
"lockfileVersion": 2,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"version": "1.190.6",
|
||||
"version": "1.190.5",
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"@casl/ability": "^5.2.2",
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "traxxx",
|
||||
"version": "1.190.6",
|
||||
"version": "1.190.5",
|
||||
"description": "All the latest porn releases in one place",
|
||||
"main": "src/app.js",
|
||||
"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 |
Loading…
Reference in New Issue